Reactjs 访问另一个组件的状态
吉姆
基本上，我有一个名为的组件Timeperiod，它是一个下拉列表，用户可以在其中选择诸如“今天”、“昨天”、“上周”等值。
我想<Timeperiod>在许多其他组件中重新使用该组件，问题是如果我在另一个组件中调用它，我将无法访问他们选择的值。
我知道另一种方法是在 Timeperiod 内调用我的其他组件并根据 Timeperiod 状态传递它们的属性，但这不意味着我需要创建多个 Timeperiod 之类的类吗？
请问redux什么是一个很好的方式来处理这些情况？
这是我的代码和框：https ://codesandbox.io/s/ypyoq8zoz
现在我只有App.jscall Timeperiod，但我也会有更多的类来调用它。我希望能够访问在 App.js 中选择的日期，同时使 Timeperiod 类可重用。
哈桑·什
因此，请跟进我们的意见。以下是您可以如何处理它：
该Timeperiod组件需要一个getDate需要title参数的函数。当你渲染Timerperiod组件时，每次它都有一个单独的状态和道具。
查看我如何渲染多个（在 app.js 中），以显示其实际效果。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在 reactjs 的另一个组件中渲染状态
- 2
在ReactJs中将状态从一个组件传递到另一个组件
- 3
如何在Reactjs中从另一个组件触发状态
- 4
ReactJS 和 Redux 从另一个文件访问状态“构造函数”
- 5
如何使用路由器从一个组件到另一个ReactJS访问传递的数据
- 6
如何从reactjs的另一个模块导出状态
- 7
从另一个文件连接reactjs组件
- 8
ReactJS从另一个组件调用函数
- 9
另一个组件中的 Reactjs Ref
- 10
ReactJS-从另一个组件调用一个组件方法
- 11
在ReactJS中，如何在另一个组件中渲染一个组件？
- 12
检查一个组件是否是另一个组件ReactJS的子代或祖先
- 13
(ReactJS) 将一个组件插入另一个组件后的 CSS 变化
- 14
将组件的引用传递给ReactJS中的另一个组件
- 15
如何使用map将数据从组件传递到reactJs上的另一个组件？
- 16
ReactJS.NET-如何从一个组件更新另一个组件中的props？
- 17
ReactJS通过props回调设置另一个类的状态
- 18
ReactJS 将状态传递给另一个类
- 19
ReactJS：将我自己的道具添加到另一个组件
- 20
如何在ReactJs中重定向到另一个类组件/页面
- 21
ReactJS从axios获取数据并传递给另一个组件
- 22
ReactJS-获取数据并发送到另一个组件的正确方法
- 23
ReactJS-在表单上单击另一个选择后，如何重新呈现组件？
- 24
如何从表单存储，提交和复制输入到ReactJS中的另一个组件
- 25
ReactJS-另一个组件中的触发函数
- 26
如何在reactjs的另一个应用程序中创建可重用组件？
- 27
ReactJS：如何将键码传递给另一个组件
- 28
Reactjs隐藏表单点击另一个组件的按钮
- 29
Reactjs 另一个将数据从子组件传递给它的祖父组件而不传递回调？
我来说两句