我不能用“this.props.form”

时间:2018-06-11 00:42:37

标签: asp.net reactjs antd

抱歉,我是初学者。 如果我误解了任何一个词或思考,请理解。

我使用VS2017反应模板制作项目。 并从npm添加antd。 我正在测试antd表格,但我看到了错误。 “(TS)'Readonly< {children?:ReactNode;}>& Readonly>'找不到'form'属性。“

我的来源是

import { RounteComponentProps } from 'react-router';
....
export class Test extends React.Component<RouteComponentProps<{}>, {}> {
    ....

    handleSubmit = (e) => {
        e.preventDefault();
        this.props.form.validateFields(.....);
    }
    ....
}

1 个答案:

答案 0 :(得分:2)

引自ant-design document

  

如果表单已由Form.create修饰,那么它具有this.props.form属性。

因此,您需要在组件中添加Form.create,如下所示:

class CustomizedForm extends React.Component {}

CustomizedForm = Form.create({})(CustomizedForm);