将无状态组件响应到类组件语法

Question

我刚刚将 react 从 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>
);
}
});