在 redux-from 中仅重置一个向导

【问题标题】：reset only one wizard in redux-from在 redux-from 中仅重置一个向导
【发布时间】：2019-06-18 12:39:01
【问题描述】：

我在 reactjs 网站上有一个由 redux-form 创建的“向导表单”

在表格中，我的巫师名字是“A”和“B”

我网站的用户将完成向导“A”并单击“转到向导 B”按钮，在向导“B”中将完成一些字段，但由于某种原因他决定回到向导“A” " 更改向导“A”中的某些字段，因此他将单击“返回向导 A”按钮。

我的问题是，当用户单击“返回向导 A”按钮时，如何仅重置向导“B”表单？

【问题讨论】：

你现在如何重置整个状态？
@Amir-Mousavi，使用此代码：this.props.reset() 仅在您的表单文件中使用此代码
所以干脆不要那样做，而是想办法只删除你需要的部分。甚至没有一行代码来显示你在做什么。如果reset 是一个 redux 形式的函数，它可能还有其他函数

标签： reactjs react-redux redux-form

【解决方案1】：

wizard A 和 wizard B 应该是 reduxForm 装饰器的 2 个实例，wizardA 应该将 destroyOnUnmount 设置为 false：

const wizardA = reduxForm({
  form: 'wizardA' // a unique identifier for this form
  destroyOnUnmount: false,
})(SomeForm)

const wizardB = reduxForm({
  form: 'wizardB'
})(SomeForm2)

这将允许您存储用户在wizardA 表单中输入的信息，即使在切换到wizardB 表单后也是如此。

【讨论】：