Question

我刚刚将反应从v15.6.2升级到v 16.5.2，现在我遇到了一些错误...

警告：无状态功能组件无法提供引用。尝试访问此引用将失败。

在寻找答案之后，看来我需要将一些无状态组件转换为类组件。我的问题是语法。如果我具有以下组件，该如何将其转换为类组件？

const CategoryForm = Form.create()(
  (props) => {
    const { visible, onCancel, onSubmit, form } = props;
    const { getFieldDecorator } = form;
    return (
      <Modal
        visible={visible}
        title="Create New Category"
        okText="Create"
        onCancel={onCancel}
        onOk={onSubmit}
      >
        {this.renderForm(getFieldDecorator)}
      </Modal>
    );
  }
);

Answer 1

const CategoryForm = Form.create()(class extends React.Component {
  render() {
    const { visible, onCancel, onSubmit, form } = this.props;
    const { getFieldDecorator } = form;

    return (
      <Modal
        visible={visible}
        title="Create New Category"
        okText="Create"
        onCancel={onCancel}
        onOk={onSubmit}
      >
        {this.renderForm(getFieldDecorator)}
      </Modal>
    );
  }
});

使无状态组件对类组件语法做出反应

1 个答案: