用的是在antd基础上二次封装的库:ant-design-kit。
👉 文档及 Demo 示例:https://zlinggnilz.github.io/ant-design-kit/form
这里只演示最简单的配置,其他示例参考文档及Demo
内部支持基础组件:'text', 'email', 'textarea', 'select', 'int', 'number', 'radio', 'checkbox', 'url'。
其他组件或复杂组件需要自定义,可查看文档及demo。
示例:
import React from 'react';
import { Form } from 'ant-design-kit';
const formAttr = [
{ label: '名称', name: 'name' },
{ label: '邮箱', name: 'email', type: 'email', required: true },
];
const handleSubmit = values => {
console.log('form submit >>', values);
};
export default () => <Form formAttr={formAttr} onSubmit={handleSubmit} />;
生成表单: