1. import React from 'react';
    2. import { Button } from 'antd';
    3. import FormRender, { useForm } from 'form-render';
    5. const schema = {
    6.   displayType: 'row',
    7.   labelWidth: 120,
    8.   type: 'object',
    9.   properties: {
    10.     input1: {
    11.       title: '简单输入框',
    12.       description:
    13.         'sdfasdgdsgfdsgfsdfgssdgdsgfdsgfsdfgssdgdsgfdsgfsdfgsdfgsdfgfghfghfghfgh',
    14.       type: 'string',
    15.       required: true,
    16.     },
    17.     input2: {
    18.       title: '简单输入框2',
    19.       type: 'boolean',
    20.     },
    21.     daaa: {
    22.       title: 'daa',
    23.       type: 'string',
    24.       format: 'date',
    25.       props: {
    26.         showTime: true,
    27.         format: 'dateTime',
    28.       },
    29.     },
    30.     daaa2: {
    31.       title: 'daa2',
    32.       type: 'string',
    33.       format: 'time',
    34.     },
    35.     daaa3: {
    36.       title: 'daa3',
    37.       type: 'range',
    38.       format: 'date',
    39.     },
    40.     input3: {
    41.       title: '图片',
    42.       type: 'string',
    43.       format: 'image',
    44.       required: true,
    45.     },
    46.     input4: {
    47.       title: 'url',
    48.       type: 'string',
    49.       format: 'url',
    50.       required: true,
    51.     },
    52.   },
    53. };
    55. const Demo = () => {
    56.   const form = useForm();
    57.   const onFinish = (formData, errorFields) => {
    58.     if (errorFields.length > 0) {
    59.       alert(
    60.         'errorFields:' +
    61.           JSON.stringify(errorFields) +
    62.           '\nformData:' +
    63.           JSON.stringify(formData, null, 2)
    64.       );
    65.     } else {
    66.       alert('formData:' + JSON.stringify(formData, null, 2));
    67.     }
    68.   };
    70.   return (
    71.     <div>
    72.       <FormRender
    73.         debugCss={false}
    74.         form={form}
    75.         schema={schema}
    76.         onFinish={onFinish}
    77.       />
    78.       <Button type="primary" onClick={form.submit}>
    79.         提交
    80.       </Button>
    81.     </div>
    82.   );
    83. };
    85. export default Demo;