我有一个 Antdesign 表单，它有一个子组件，它使用两个 Input 组件、两个日期选择器和一个按钮显示对象数组的列表。
当使用嵌套的 AntD 组件渲染使用函数式组件时，甚至可以有一个 getFielDecorator 吗？如果是这样，我如何将 getFieldDecorator 传递给 AntD 嵌套的 FormItem？
请参考我在这里附上的图片，它显示了 TradeListItems 呈现 TradeItem 列表的父组件“OverallInfo”及其子组件 TradeListItems。
非常感谢。
【问题讨论】：
标签： javascript reactjs antd
Form.create()(MyComponent) 将向 MyComponent 注入 form 属性。
这是getFieldDecorator 工作所需的唯一条件。
这样的事情应该可以工作。
class Parent extends React.Component{
render() {
<ChildComponent form={this.props.form} />
}
}
export default Form.create()(Parent);
ChildComponent.jsx
export default class ChildComponent extends React.Component{
render() {
const {getFieldDecorator} = this.props.form;
return (
// do FormItem
)
}
}
不管有多少孩子，但你不应该在另一个 <Form/> 中包含 <Form/>
更新：
我根据 antd doc 中的登录表单示例创建了一个示例。
https://codesandbox.io/s/kmyl0wq4m3
您会看到我将密码字段设置为一个功能组件，就像您的 TradeItem 组件一样。然后我有另一个像你一样的ListTradeItem组件，我只是复制了几个密码字段，你可以认为这是一个登录表单，你需要输入3个密码才能登录。
您将看到所有 3 个密码字段都可以正常工作且独立，getFieldDecorator 也可以正常工作（在您输入 3 个密码之前，登录按钮不会启用。
希望对您有所帮助。
【讨论】：