react + ant design 开发常见报错

问题一：Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop? `

原因：
ant design在Modal中使用Form表单，并且通过Form.useForm()， 获取form对象将其挂载到指定的Form表单后仍会出现上述警告这是因为ant design的Modal组件会在Form表单之前创建，所以当页面初始化时form对象会找不到可关联的Form表单

解决办法：
在Modal组件中添加上 getContainer={false} 即可

<Modal
    getContainer={false}
    title="修改备注"
    visible={visible}
    onOk={handleOk}
    onCancel={handleCancel}
>
    <Form
        form={form}
        onFinish={onFinish}
    >
        <Item name="remark">
            <Input placeholder="请输入备注"/>
        </Item>
        <Item>
            <Button htmlType="submit">提交</Button>
        </Item>
    </Form>
</Modal>

问题二：Warning: value should be array when mode is multiple or tags

在Form用initialValues设置初始值时，原本是数组的值，设置成了其它数据类型

改成