AntdcustomRender返回原始HTML
创始人
2024-11-07 11:00:22
0

通过在Antd中手动设置dangerouslySetInnerHTML属性,可以在自定义渲染器中返回原始HTML。 下面是一段示例代码:

import { Form, Input, Button } from 'antd'; const layout = { labelCol: { span: 8, }, wrapperCol: { span: 16, }, };

const tailLayout = { wrapperCol: { offset: 8, span: 16, }, };

const Demo = () => { const onFinish = (values) => { console.log('Success:', values); };

const onFinishFailed = (errorInfo) => { console.log('Failed:', errorInfo); };

const customRender = (item, _, form) => { if (item.type === 'password') { return ; } if (item.type === 'html') { return

; } return null; };

const formItems = [ { name: 'username', label: 'Username', rules: [ { required: true, message: 'Please input your username!', }, ], }, { name: 'password', label: 'Password', type: 'password', rules: [ { required: true, message: 'Please input your password!', }, ], }, { type: 'html', html: '

Custom HTML content

', }, ];

return (

{formItems.map((item) => ( {customRender(item)} ))}

  
    
  

); };

export default Demo;

相关内容

热门资讯

了解透视!红龙poker辅助器... 了解透视!红龙poker辅助器免费观看!竟然真的是有辅助脚本(证实有挂)-哔哩哔哩1)红龙poker...
揭幕透视!hhpoker有作必... 揭幕透视!hhpoker有作必弊的吗,wejoker手机版透视脚本,总结教程(了解有挂)-哔哩哔哩1...
总结透视!hardrock透视... 总结透视!hardrock透视工具!本来存在有辅助神器(有挂助手)-哔哩哔哩1、下载好hardroc...
推荐透视!智星菠萝辅助,pok... 推荐透视!智星菠萝辅助,poker红龙辅助,步骤教程(有挂助手)-哔哩哔哩1、起透看视 智星菠萝辅助...
教你透视!拱趴大菠萝万能辅助器... 教你透视!拱趴大菠萝万能辅助器!好像是真的有辅助攻略(揭秘有挂)-哔哩哔哩1、下载好拱趴大菠萝万能辅...
曝光透视!wepoker辅助透... 曝光透视!wepoker辅助透视软件,wpk模拟器多开,教材教程(有挂技巧)-哔哩哔哩1、上手简单,...
总结透视!pokermaste... 总结透视!pokermaster破解版!其实一直总是有辅助软件(有挂方法)-哔哩哔哩所有人都在同一条...
解谜透视!wepoker辅助器... 解谜透视!wepoker辅助器安装包定制,德普之星辅助工具如何设置,策略教程(有挂分享)-哔哩哔哩;...
总结透视!竞技联盟透视!真是是... 总结透视!竞技联盟透视!真是是有辅助技巧(有挂解惑)-哔哩哔哩1、全新机制【竞技联盟透视ai辅助工具...
开挂透视!wpk透视辅助下载,... 开挂透视!wpk透视辅助下载,哈糖大菠萝辅助器,绝活教程(有挂神器)-哔哩哔哩所有人都在同一条线上,...