React Redux子组件获取父组件设置的全局属性,而不通过props传递它

时间:2016-02-11 16:27:39

标签: javascript reactjs redux

假设我有一个组件

<Page address=address>
  <Child>
   address
  <Child>
 <deeply nested child>
  <Child>
   address
  <Child>
 </deeply nested child>
</Page>

我怎样才能确保我的所有子组件都获取地址而不是每次都通过道具传递

1 个答案:

答案 0 :(得分:2)

首先让我告诉你这是一个坏主意。明确传递道具允许:

  • 易于单元测试组件
  • 允许您创建无状态组件
  • 允许您依赖PureRenderMixin
  • 隐含依赖关系是维护问题的一个漏洞,打破了无状态反应意见的想法

简而言之,道具很棒,只需使用它们!

所有人都说。如果你真的需要传递一些东西而不使用道具。然后,您希望使用react context

Context是react-redux提供者背后的机制(例如<Provider store={store}>