【问题标题】:redux-form dynamic name does not change the reducer nameredux-form 动态名称不会改变reducer名称
【发布时间】:2017-04-18 07:08:55
【问题描述】:

我正在使用这样的 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 中的减速器。

例如我在向导的第 1 步中有一个名为 category 的向导和表单 -> 现在我更改为向导的第 2 步,并且有一个名为 amount 的表单。它将始终保持类别。

如何解决这个问题?

【问题讨论】:

    标签: javascript reactjs redux react-redux redux-form


    【解决方案1】:

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

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

    也许这可以解决您的问题?

    【讨论】:

    • 嗯,很有意思——其实我不需要改名字,所以我会试试的。
    猜你喜欢
    • 1970-01-01
    • 2019-07-05
    • 2023-03-11
    • 2017-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多