2017-04-18 51 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

嗯有趣的 - 其實我不需要改變名字,所以我會嘗試。 –