1. import React from 'react';
    2. import { Button } from 'antd';
    3. import FormRender, { useForm } from 'form-render';
    4. const schema = {
    5. type: 'object',
    6. properties: {
    7. fillStyle: {
    8. title: 'Color',
    9. readOnly: false,
    10. required: false,
    11. type: 'string',
    12. format: 'color',
    13. default: '#00000080',
    14. },
    15. },
    16. displayType: 'column',
    17. };
    18. export default () => {
    19. const form = useForm();
    20. const onFinish = (formData, errorFields) => {
    21. if (errorFields.length > 0) {
    22. alert('errorFields:' + JSON.stringify(errorFields));
    23. } else {
    24. alert('formData:' + JSON.stringify(formData, null, 2));
    25. }
    26. };
    27. return (
    28. <div>
    29. <FormRender debug form={form} schema={schema} onFinish={onFinish} />
    30. <Button type="primary" onClick={form.submit}>
    31. 提交
    32. </Button>
    33. </div>
    34. );
    35. };