所以基本上我有两个选项卡视图或 2 个选项卡。第一个选项卡有多个下拉列表,第二个下拉列表什么都没有。所以如果我从有下拉列表的选项卡中选择值并切换到第二个选项卡,我选择的值就会消失。基本上状态没有被保持。
我的问题是即使我在选项卡之间切换,如何保持所选下拉列表的状态或值
使用基本的 reactjs 解决方案,没有 redux 或 hooks。
您所描述的是问题全局状态解决方案,例如 redux 解决。由于您想使用 vanilla react 解决方案,我建议将状态提升到两个组件的父级或使用 Context API - 您可以在此处阅读有关 Context 的信息:https : //reactjs.org/docs/context.html #reactcreatecontext
提升状态基本上意味着将您声明状态的位置和更改状态的函数移动到两个组件的父级。然后,您可以将状态和更改状态的函数作为道具传递,从而允许两个组件共享该状态并具有更改状态的能力。
如果这只是少量数据或简单的事情,我会提升状态。如果它会随着时间的推移而增长,我会使用 Context。
祝你好运!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句