Question

我正在使用像这样的redux-form：

 <RenderForm
      form={form.name}
      elements={form.elements}
      initialValues={form.initialValues}
      method={form.method}
      target={form.target}
      validate={parseValidations(form.elements)}
      enableReinitialize
      keepDirtyOnReinitialize
      {...props}
    />

和

const RenderForm = reduxForm()(Form);

和

const Form = ({ children, method, target, form, elements, msg, handleSubmit, onChange }) => (
  <form
    onSubmit={handleSubmit}
    id={form && `form-${form}`}
    method={method}
    action={target}
    onChange={onChange}
  >
    { msg ? <IconTooltip
      id={`info-${form.name}`}
      content={msg.p}
      title={msg.h}
      top={30}
      showStart
      showMedium
    /> : null}
    <div>
      {formFactory(elements.filter(e => !e.noBackground))}
    </div>
    <div>
      {formFactory(elements.filter(e => e.noBackground))}
    </div>
    {children}
  </form>
);

现在我的问题是 - 当表单的名称发生更改时，它不会在redux中更改reducer。

E.g。我在向导的第1步中有一个向导和表单命名类别 - ＆gt;现在我改为向导的第2步，有一个名为amount的表单。它将始终保持类别。

如何解决这个问题？

Answer 1

您是否已阅读有关如何在此处http://redux-form.com/6.6.3/examples/wizard/构建向导表单的文档？

文档提到如果要构建向导，则需要将向导的每个页面连接到相同的表单名称，因此您需要明确指定。

也许这解决了你的问题？

redux-form动态名称不会更改reducer名称

1 个答案: