在Redux中設置多個異步調用的初始狀態

Question

我正在開發一個帶有React和Redux的應用程序，並最終產生設計疑問。關鍵是當我啓動應用程序時，我需要用幾個API請求（我使用fetch和redux-thunk）填充商店，它返回一些常量。這些常量將被多個組件使用，並且我無法將它們附加到特定的組件，因爲可能用戶沒有加載它並直接轉到另一個不會獲取數據的組件。所以...處理這個問題的最好方法是什麼？在Redux中填充和「initialState」的最佳方式是什麼？ 另外，如同我們用$ q做的所有例子一樣，獲取API處理多重請求是否可行？

Answer 1

在您的根組件中，您可以通過componentDidMount生命週期方法使API調用，使用返回的值填充狀態。狀態將在所有應用程序的組件之間共享。

如果你想撥打電話的組件是一個無狀態的功能組件（因此不具有生命週期方法），你可以用它如下所示：

https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change

（其餘該課程涵蓋異步呼叫和使用thunk - 必須看！）