2017-04-18 81 views
0

Redux的形式动态名称不会改变减速名

<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中的缩减器。

E.g.我有向导步骤1中的一个向导和表单命名类别 - >现在我切换到向导的步骤2,并有一个称为数量的表单。它将始终保持类别。

如何解决这个问题?

回答

0

您是否阅读过关于如何在这里构建向导窗体的文档http://redux-form.com/6.6.3/examples/wizard/

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

也许这解决了你的问题?

+0

嗯有趣的 - 其实我不需要改变名字,所以我会尝试。 –