React Redux子組件獲取父組件設置的全局屬性，而無需通過prop傳遞

Question

假設我有一個組件

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

我如何確保我的所有子級組件都獲得地址，而不必每次都通過道具傳遞

Answer 1

首先，我告訴你這是一個壞主意。 傳遞道具明確允許：

• 易於單元測試的組件
• 允許您創建無狀態組件
• 讓您依靠PureRenderMixin
• 隱式依賴是維護問題的陷阱，它打破了反應視圖為無狀態的想法

簡而言之，道具很棒，只需使用它們即可！

話雖如此。 如果您真的需要在不使用道具的情況下傳遞一些東西。 然后，您正在尋找使用react context 。

上下文是react-redux提供程序背后的機制（例如<Provider store={store}> ）