我有一个基于模式呈现多个表单的组件,问题是我将更改模式,我将重新呈现表单,状态无法保留。
代码如下所示:
{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的表单状态,我该怎么做?
答案 0 :(得分:2)
基于redux-form api,你可以通过道具
destroyOnUnmount={false}
组成您的组件。或者在你的reduxForm()初始化
我自己使用过它,它会保持表单状态重新呈现
https://redux-form.com/7.2.3/docs/api/reduxform.md/#-code-destroyonunmount-boolean-code-optional-