卸载表单后,如何将状态保持在redux格式中

时间:2018-02-23 21:20:10

标签: redux redux-form

我有一个基于模式呈现多个表单的组件,问题是我将更改模式,我将重新呈现表单,状态无法保留。

代码如下所示:

    {schemas.map(schema => (
      <div key={schema.$id}>
        <h3 id={schema.$id}>
          {schema.title}
        </h3>
        // a library using the redux form to keep the state.
        <Liform
          schema={schema}
          onSubmit={value => console.log(`Submit ${JSON.stringify(value)}`)}
          {...rest}
        />
      </div>
    ))}

当我更改模式时,所有这些表单都将被重新呈现,因此我无法保持具有相同formName的表单状态,我该怎么做?

1 个答案:

答案 0 :(得分:2)

基于redux-form api,你可以通过道具 destroyOnUnmount={false}组成您的组件。或者在你的reduxForm()初始化

我自己使用过它,它会保持表单状态重新呈现

https://redux-form.com/7.2.3/docs/api/reduxform.md/#-code-destroyonunmount-boolean-code-optional-