即使在reactjs中的组件之间切换后如何保持下拉选项的值?

问题描述 投票:0回答:1

所以基本上我有两个选项卡视图或2个选项卡。第一个选项卡有多个下拉菜单,第二个选项卡没有任何内容。因此,如果我从具有下拉菜单的选项卡中选择值,然后切换到第二个选项卡,我选择的值就消失了。基本上状态没有得到维持。

我的问题是即使我在选项卡之间切换,如何也保持所选下拉菜单的状态或值

使用基本的reactjs解决方案,没有redux或钩子。

reactjs dropdown
1个回答
0
投票

您正在描述的是全局状态解决方案,例如redux解决方案的问题。由于您想使用普通的React解决方案,因此建议您将状态提升为两个组件的父级,或者使用Context API-您可以在此处阅读有关Context的信息:https://reactjs.org/docs/context.html#reactcreatecontext

将状态提升基本上是指将您声明状态的位置和将状态更改的功能提升到both组件的父级。然后,您可以传递状态更改状态的函数作为道具,允许两个组件共享该状态以及具有更改状态的能力。

如果这只是少量数据或一些简单的事情,我会提升状态。如果它会随着时间增长,我会使用Context。

祝你好运!

© www.soinside.com 2019 - 2024. All rights reserved.