redux-form: REGISTER_FIELD / UNREGISTER_FIELD 在更改后被调用

如何解决redux-form: REGISTER_FIELD / UNREGISTER_FIELD 在更改后被调用

示例 1 正在运行，但是当将 Field 放入另一个组件然后返回时它不起作用。正在触发 UNREGISTER_FIELD 事件。

示例 1（工作）：

const HeroFormField = () => {
  return <Field
      component={InputField}
      name={'name'}
    />
}

示例 2（不起作用）：

const HeroFormField = () => {

  const CustomField = () => <Field
      component={InputField}
      name={'name'}
    />;
   
   return <CustomField />;

  // I need to do this
  //return <SomeComposableComponent title={<CustomField />}  />;
}