javascript - React Redux 子组件获取父组件设置的全局属性，无需通过 props 传入

Question

假设我有一个组件

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

如何确保我的所有子组件都能获取地址，而不是每次都通过 props 传入

Answer 1

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

• 轻松进行单元测试的组件
• 允许您创建无状态组件
• 允许您依赖 PureRenderMixin
• 隐式依赖关系是维护问题的一个深坑，并且打破了 React View 无状态的理念

总之， Prop 很棒，用起来就对了!

话虽如此。如果你确实需要在不使用 Prop 的情况下传递一些东西。那么您希望使用 react context .

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