维护单个组件的多个状态

Question

我有四个组成部分。

1. 父组件（包含其余3个组件）

2. ComponentClassA，ComponentClassB（第二和第三个组件）具有showresultBtn按钮，该按钮会将结果填充到 ShowResults 组件中。

3. ShowResults组件（第4个组件）：将显示名称和标记（在ComponentClassA和ComponentClassB的标签下方）。

ComponentClassA和ComponentClassB存在于选项卡中。因此，当用户进入ComponentClassA选项卡并单击showresultBtn时，结果将填充在ShowResults组件中，并与ComponentClassB相同。因此，每当用户导航并返回ComponentClassA时，都应保持结果；当涉及ComponentClassB时，应保持claasB结果。

到目前为止，我只能维护最后单击的showresultBtn的状态，因为最后单击的覆盖了redux状态，但我需要维护showresultBtn（ComponentClassA和ComponentClassB）的状态

---

|父组件................................................. | < / p>

| .............................................. ............................... |

| ComponentClassA选项卡| ComponentClassB选项卡|

| .............................................. ...................................... |

| .............................................. ...................................... |

| .............................................. ...................................... |

| ShowResults组件........................................ |

| .............................................. ...................................... |

| .............................................. ...................................... |

| _____________________________________ |

Answer 1

也许您在Redux中使用了相同的状态。

尝试一下

您需要在Redux中为这两个组件维护两个状态。 并将该状态传递给结果组件。

如果组件A将状态从Redux传递到结果组件。 如果组件B将B状态从Redux传递到结果组件。

否则，请分享代码或对您正在做的事情有更好的了解。