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

阿布舍克·沙吉

所以基本上我有两个选项卡视图或 2 个选项卡。第一个选项卡有多个下拉列表,第二个下拉列表什么都没有。所以如果我从有下拉列表的选项卡中选择值并切换到第二个选项卡,我选择的值就会消失。基本上状态没有被保持。

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

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

jsw324

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

提升状态基本上意味着将您声明状态的位置和更改状态的函数移动到两个组件的父级然后,您可以将状态更改状态的函数作为道具传递,从而允许两个组件共享该状态并具有更改状态的能力。

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

祝你好运!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在React Native Navigation中的选项卡之间切换时如何保持堆叠的屏幕

ReactJS如何在React中的页面之间切换?

使用下拉选项在 iframe 之间切换

如何开发angular7中在两个不同组件之间切换的选项卡?

如何在嵌套对象中的值之间切换

如何根据从下拉列表中选择的值在显示和隐藏元素之间切换?

Material UI 选项卡:在选项卡之间切换后,选项卡中的更改被丢弃

如何从子组件切换材质选项卡

如何使用散景中的下拉菜单在数字之间切换?

如何在ReactJS的嵌套组件中切换类

根据下拉选项进行切换

类组件中的 ReactJs 嵌套路由切换

在片段TabHost中的选项卡之间切换

如何使用 ngSwitch 在 angular 组件之间切换

在React中的两个组件之间切换

在Vanilla JS中的多个选项之间切换时如何平滑移动背景

如何在`/ sys / class / backlight`中的选项之间切换以解决亮度问题?

如何使用ReactJs在菜单项之间切换?

如何切换列中的值?

如何在 vue.js 中的两个组件之间切换?

如何在 vue.js 中的组件之间切换?

如何在 vue.js 中的组件之间切换?

如何在下拉切换中获取多个选定的列表项值?

如何根据条件显示下拉切换引导程序中的值?

在ViewController之间切换后,如何重置导航委托

Vue-在组件之间切换

无法以角度在组件之间切换

Reactjs 下拉菜单、弹出窗口、模态、选项卡、类切换

如何获取切换标志值和标志切换之间的行总和