antd-schema-form v5.1.0

antd-schema-form

中文文档

Antd-schema-form based Ant Design, quickly generate interactive forms with JSON Schema configuration.

This Demo simply shows how to construct a form by configuring schema.json.

Start using

1. React version >=16.7.0.

2. Use of components: s

   import React, { Component } from 'react';
   import ReactDOM from 'react-dom';
   import SchemaForm, {
     getKeysFromObject,  // Get all the keys under schema.json
     getObjectFromValue, // Object formatted into the value required by the form
     getValueFromObject  // The value of the form obtained from the form, formatted into an object
   } from 'antd-schema-form';
   import 'antd-schema-form/style/antd-schema-form.css'; // Introducing style
   
   // json schema
   const json = {
     id: '$root',
     type: 'object',
     title: '$root',
     properties: {}
   };
   
   ReactDOM.render(
     <SchemaForm json={ json } />,
     document.getElementById('app')
   );

API

Json schema configuration

Custom rendering component

Load components as needed

Development and testing

• Run the command npm run dev, enter http://127.0.0.1:5050 in the browser to view the demo and develop.
• Run the command npm run build and npm run test, and run http://127.0.0.1:6060 in the browser to run the test case.