реагировать на компонент без состояния на синтаксис компонента класса

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>
    );
  }
});