acces getFieldDecorator antd 3x



我正试图在React功能组件中访问antd 3x中的属性getFieldDecorator,但我没能做到,我已经在谷歌上搜索了一段时间,找不到任何关于将getFieldDecurator与无状态组件(功能组件(一起使用的参考,我想知道是否有人遇到了同样的问题,以及您是否能够在不必更改为类组件的情况下解决它。

我的代码非常简单,一个包含在Form.Item 中的输入

const FormItem = Form.Item
const inviteModal = ( {props}) => {
return(
<Form layout="vertical">
<FormItem>
{getFieldDecorator('email', {
rules: [
{
required: true,
message: i18n.t('email'),
},
],
})(<Input type="text" placeholder="email" />)}
</FormItem> 

)
}

export default Form.create()(inviteModal)

试图访问"props"给出了未定义的结果,也写入了我的导出默认值,如:


export default Form.create({getFieldDecorator})(inviteModal)

也不起作用。

我可能会在表格中使用类组件,但如果有人能为我的学习提供帮助,我将不胜感激。

事实证明,这是可能的,唯一的问题是如何导入道具,所以基本上要使用它,你必须从组件访问道具对象,比如:

const InviteModal = (props) => {
const {getFieldDecorator} = props.form

好了,很好,很努力,希望这能帮助其他人

最新更新