1. import React from 'react';
    2. import { Button } from 'antd';
    3. import FormRender, { useForm } from 'form-render';
    5. const schema = {
    6.   type: 'object',
    7.   displayType: 'row',
    8.   properties: {
    9.     listName2: {
    10.       title: '对象数组',
    11.       description: '对象数组嵌套功能',
    12.       type: 'array',
    13.       widget: 'cardList',
    14.       items: {
    15.         type: 'object',
    16.         properties: {
    17.           input1: {
    18.             title: '简单输入框',
    19.             type: 'string',
    20.             required: true,
    21.           },
    22.           select1: {
    23.             title: '单选',
    24.             type: 'string',
    25.             enum: ['a', 'b', 'c'],
    26.             enumNames: ['早', '中', '晚'],
    27.           },
    28.         },
    29.       },
    30.     },
    31.   },
    32. };
    34. // const schema = {
    35. //   displayType: 'column',
    36. //   type: 'object',
    37. //   properties: {
    38. //     input1: {
    39. //       title: '简单输入框',
    40. //       type: 'string',
    41. //       required: true,
    42. //     },
    43. //     select1: {
    44. //       title: '单选',
    45. //       type: 'string',
    46. //       enum: ['a', 'b', 'c'],
    47. //       enumNames: ['早', '中', '晚'],
    48. //     },
    49. //   },
    50. // };
    52. const Demo = () => {
    53.   const form = useForm();
    54.   const onFinish = (formData, errorFields) => {
    55.     if (errorFields.length > 0) {
    56.       alert('errorFields:' + JSON.stringify(errorFields));
    57.     } else {
    58.       alert('formData:' + JSON.stringify(formData, null, 2));
    59.     }
    60.   };
    62.   return (
    63.     <div>
    64.       <FormRender debug form={form} schema={schema} onFinish={onFinish} />
    65.       <Button type="primary" onClick={form.submit}>
    66.         提交
    67.       </Button>
    68.     </div>
    69.   );
    70. };
    72. export default Demo;