reactjs - 在类组件中 react useForm 等价物

Question

我最近将一个功能组件移动到类组件，但在使用类时没有找到与 useForm 等效的组件。这是我之前使用的代码:

var commentField = form.getState()["active"].replace(new RegExp("parameter_info$"), "comment");
form.change(commentField, result.comment);

有了这个，我能够链接两个动态生成的输入。
我怎样才能使用类来做到这一点？

Answer 1

FinalForm 文档说 useForm() is used internally inside useField(), <Field/>, and <FormSpy/>. ，因此可以使用 FormSpy 编写等效代码:

  class Updater extends React.Component {
    componentWillReceiveProps(nextProps) {
      var commentField = this.props.form.getState()["active"].replace(new RegExp("parameter_info$"), "comment");
      this.props.form.change(commentField, result.comment);
    }
  
    render() {
      return null;
    }
  }

您需要渲染 <FormSpy subscription={{ values: true }} component={Updater} />在你的表单中的某个地方让它工作。

请注意，您可以使用 final-form-calculate实现字段间计算的包。