[JavaScript知识库]fromrender 适用于react+antd的表单

1、下载
	npm i form-render --save
	FormRender依赖ant design,单独使用不要忘记同时安装antd
		
		
2、使用
	(1)配置schema条件
		const schema = {
		  type: 'object',
		  properties: {
		    input1: {
		      title: '简单输入框',
		      type: 'string',
		      required: true,
		    },
		    select1: {
		      title: '单选',
		      type: 'string',
		      enum: ['a', 'b', 'c'],
		      enumNames: ['早', '中', '晚'],
		    },
		  },
		};
	
	类组件:
		import FormRender, { connectForm } from 'form-render';
		
		class Demo extends React.Component {
		  render() {
		    const { form } = this.props;
		    return (
		      <div>
		        <FormRender form={form} schema={schema} />
		        <Button type="primary" onClick={form.submit}>
		          提交
		        </Button>
		      </div>
		    );
		  }
		}
		
		export default connectForm(Demo);
		
	函数组件:
		import FormRender, { useForm } from 'form-render';
		
		const Demo = () => {
		  const form = useForm();
		  return (
		    <div>
		      <FormRender form={form} schema={schema} />
		      <Button type="primary" onClick={form.submit}>
		        提交
		      </Button>
		    </div>
		  );
		};
		
		export default Demo;