antd-schema-form

antd-schema-form基于Ant Design，可以通过JSON Schema配置快速生成可交互的表单。

这个Demo简单的展示了通过配置schema.json构建一个表单。

开始使用

1. React的版本>=16.7.0。
2. 组件的使用:

```javascript import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import SchemaForm, { getKeysFromObject, // 获取schema.json下所有的key getObjectFromValue, // object对象，格式化成表单需要的值 getValueFromObject // 从form获取到的表单的值，格式化成object对象 } from 'antd-schema-form'; import 'antd-schema-form/style/antd-schema-form.css'; // 引入样式

// json schema const json = { id: '$root', type: 'object', title: '$root', properties: {} };

ReactDOM.render( , document.getElementById('app') ); ```

API

json schema配置

自定义渲染组件

按需加载组件

开发和测试

• 运行命令npm run dev，在浏览器中输入http://127.0.0.1:5050查看demo并开发。
• 运行命令npm run build和npm run test，在浏览器中输入http://127.0.0.1:6060运行测试用例。