Ant Design 版本 4 表格答案

【问题标题】：Ant Design version 4 formAnt Design 版本 4 表格
【发布时间】：2020-11-30 00:26:20
【问题描述】：

如何在子组件

中读取和验证值

在 Ant 3.XX 中

我们可以将 form 属性直接传递给子组件

<ChildrenComponent formProp={form} />

const ChildrenComponent = (props) => {

    const form = props.formProp.form

    <Form.Item>
        {form.getFieldDecorator(questionData._id, {
        rules: [{ validator: handleTextValidate }],
        })(<TextArea rows={4} onChange={handleChange} />)}
    </Form.Item>

}

但在 Ant 4.XX 中，没有 form.getFieldDecorator

我应该怎么做，使子组件中的由父组件中的Form组件控制？

// parent

<Form>

    <ChildrenComponent />

</Form>

// children

<Form.Item>

    <Input />

</Form.Item>

【问题讨论】：

标签： reactjs antd

【解决方案1】：

解决了

家长：

import {Form} from 'antd'

<ChildrenComponent formProp={Form} />

儿童：

const Form = props.formProp

<Form.Item> <Form.Item/>

【讨论】：

【解决方案2】：

我认为您可以使用getFieldInstance 方法来实现。

https://ant.design/components/form/#FormInstance

【讨论】：

我阅读了文档，我需要使用来使用这个表单实例。我不知道这是否是最好的方法。我试试，谢谢