Ant design 通过配置生成表单

用的是在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} />;

生成表单：