【问题标题】:Pass state/hook/props from parent component to last child将 state/hook/props 从父组件传递给最后一个子组件
【发布时间】:2019-09-17 11:59:08
【问题描述】:

我从两周前开始学习反应。

我有点怀疑,

  1. 我可以在 react 中创建一个可共享的状态/挂钩吗?意思是我从父类初始化状态,并且无需通过就可以从所有授权子类访问?
  2. 如果问题一的答案是否定的,那么我可以从父组件传递状态/钩子/道具,然后可以从所有子组件访问。例如,我有父组件A。我将一些值传递给子组件,例如<B someValue = {'someValue'}/>。并且组件B 具有三个子组件C,D,E。并且D 组件还有另一个子组件F。那么我可以直接从A 访问我的组件F 中的道具someValue

提前致谢。 任何帮助或建议将不胜感激。

注意:我可以通过在每个组件之间将值作为道具传递来实现这一点。我想知道是否有任何方法可以通信 superParent 组件和 grantChild 组件。

【问题讨论】:

  • 这就是创建上下文的目的。你可以在这里找到文档:reactjs.org/docs/context.html
  • 好的。让我经历一下
  • 如果您有任何问题,请随时提出。上下文一开始可能有点烦人,但是一旦你掌握了它的窍门,它就会非常棒。

标签: reactjs react-state


【解决方案1】:

将数据从父组件传递给您已经提到的子组件;

Component A
   Component B
   Component C

Class A
<B data = {data}>
<C data = {data}> 

但是孩子和组件变得讨厌,处理这些道具和状态传递真的很困难。 @Lesleyvdp 已经提到上下文。有关于这些混乱的解决方案。您可以使用 redux 在全局上存储状态或道具,这些状态或道具可用于任何其他子组件。

【讨论】:

    猜你喜欢
    • 2020-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-26
    • 2019-06-23
    • 2018-12-28
    • 1970-01-01
    相关资源
    最近更新 更多