Reactjs React-如何显示/隐藏组件，以便即使组件不是'；t渲染

我有一个主组件，它有3个子组件，有条件地显示。有箭头按钮可以更改渲染哪个子组件。其中一个子项的状态需要保持，即使组件不再是显示的子项

问题是，我觉得这个子组件的状态数据不应该作为维护状态的方法传递回父组件。在这个场景中，我希望子组件的状态只存在于子组件中。有没有一种方法可以用来维持这种状态？例如

---

如果我渲染每个子级，但使用CSS（或其他选项）有条件地隐藏非活动子级，该状态是否会持续？

您可以添加display:none，组件仍将被装载并保持该状态。虽然这可能有效，但我建议将状态提升到父级。它似乎应该住在那里。否则，您可以创建一个包装3个子项的上下文，并管理其中的状态。然后，每个孩子都可以订阅该上下文，但这似乎是一种过度杀戮。我建议将状态提升到父级

您可以添加display:none，组件仍将被安装并保持状态。虽然这可能有效，但我建议将状态提升到父级。它似乎应该住在那里。否则，您可以创建一个包装3个子项的上下文，并管理其中的状态。然后，每个孩子都可以订阅该上下文，但这似乎是一种过度杀戮。我建议把这个州解除给父母