从fetch配置react redux中间件

Question

我有一个Redux中间件，它需要通过异步/需要承诺的服务器调用(例如，fetch)来配置一些数据。

但是，createStoresuch as this one的每个示例似乎都使用单例模式进行存储。这意味着在我的抓取完成之前，存储被初始化了。因为它是中间件，所以在调用createStore之后我不能“重新配置”它。

如何在不使用单例模式配置中间件的情况下配置createStore？

Answer 1

如何获取这些数据？如果这只是一个简单的API调用。您可以轻松地等待数据返回，然后将数据传递给createStore。如下所示：

const fetchData = () => {
  return Promise.resolve({
    data: 'Your data here'
  });
}

const initialState = window.__INITIAL_STATE__;
fetchData()
  .then((data) => {
    initialState.somethingYouNeed = data;
    const store = createStore(initialState);
    // Do the rest here
  });