时间戳

首页 > 解决方案 > TypeError：无法读取未定义 ReactJS 的属性“validateFields”

reactjs - TypeError：无法读取未定义 ReactJS 的属性“validateFields”

问题描述

我有两个页面addressForm.js和index.js。在addressForm.js页面中编写了 Form 的代码。示例代码如下所示。

<Col >
                    <div style={{'height': '45px','display':'flex'}}> 
                    <label style={{'color': '#f5222d', 'paddingTop': '10px','fontFamily': 'SimSun'}}>*</label>&nbsp;
                    <label style={{'width':'74px','paddingTop':'8px'}}>Customer Name:</label>                       
                        <FormItem >
                        {getFieldDecorator('Name', {
                        initialValue: '',
                        rules: [{
                            required: true, 
                            message: (
                              <Tooltip
                                visible={true} placement="topRight"
                                title="Please Input Customer Name"
                              />
                            ),
                        }],
                        })(
                        <Input placeholder="Customer Name" style={{'width':'164px'}} onChange={(e)=>{e.preventDefault(); e.stopPropagation();                                   
                            this.handleChange(0,e, 'Name')}}/>
                        )}                    
                    </FormItem>
                    </div>
                    </Col>

在index.js页面中写入表单的功能（单击提交按钮时会发生什么）。示例代码：

handleOk = () => {
    this.props.form.validateFields((err, values) => {
        if (!err) {
          /* Code.......*/
 }
    });
    }

问题是验证不起作用（即，验证检查未完成，我收到此错误）。

我应该在 index.js 页面中导入任何内容以避免错误吗？

标签： reactjsformsvalidationantd

解决方案

您可以通过尝试以下代码来解决此问题：

class Devices extends React.Component {
   .................
}

Devices = Form.create({})(Devices);
export default Devices;

推荐阅读