从React-Redux-Universal-Hot-Example入门工具包中的第3方API初始加载数据

Question

在react-redux-universal-hot-example入门工具包中，我向中间件添加了redux-promise，并使用axios向外部API发出了请求。

在Redux Dev Tools中，我看到了从API调用返回的数据，但是没有呈现任何内容。 我怀疑我的工作流程有误。

这是我所做的：

• 我添加了一个Redux模块weatherForecast.js ，其中包含Action Creator和Reducer

• 我添加了一个容器Forecast.js ，在其中启动对第三方API的调用并呈现数据。 （不幸的是，我看不到正在渲染的任何数据...）

• 我将预测容器添加到主屏幕（此部分有效）

我的数据加载工作流程是完全错误的还是错过了一些小事情？ 完整的源代码在这里 。

Answer 1

在CombineReducers中，您具有：

export default combineReducers({
  routing: routeReducer,
  reduxAsyncConnect,
  auth,
  form,
  multireducer: multireducer({
    counter1: counter,
    counter2: counter,
    counter3: counter
  }),
  info,
  widgets,
  outfits,
  weatherForecast
});

在您的连接呼叫中，您具有：

@connect(
    state => ({forecast: state.forecast}),
    {fetchForecast}
)

因此，您错误地包含了状态，应该是

state => ({forecast: state.weatherForecast.forecast}),

如果您从Redux开始，我建议您不要从完整的样板项目开始，而是从简单开始，并在需要时添加抽象。