umijs点击编辑让表单填充单条记录的值

import React from 'react'
import {Modal, Button,Form, Input } from 'antd';

export const UserModal=(props)=>{
    const [form] = Form.useForm();
    form.setFieldsValue(props.record); //record为从父组件传过来的单条记录的值
    return (
        <div>
            <Modal title="Basic Modal"  visible={props.visible} onOk={props.closeHandler} onCancel={props.closeHandler}>


                <Form
                    form={form}
                    name="basic"
                >
                    <Form.Item
                        label="Name"
                        name="name"
                        rules={[{ required: true, message: 'Please input your username!' }]}
                    >
                        <Input />
                    </Form.Item>

                    <Form.Item
                        label="Email"
                        name="email"
                    >
                        <Input />
                    </Form.Item>

                    <Form.Item
                        label="Create Time"
                        name="create_time"
                    >
                        <Input />
                    </Form.Item>

                    <Form.Item
                        label="Status"
                        name="status"
                    >
                        <Input />
                    </Form.Item>




                </Form>


            </Modal>
        </div>
    );
};