通过在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
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 (
); };
export default Demo;