从Web服务调用加载初始数据

Question

我正在阅读有关编写异步操作

的本教程

http://redux.js.org/docs/advanced/AsyncActions.html

并基于此，我的动作中有一个名为fetchPosts的方法。此方法首先调度requestPosts操作，然后调用Web服务，最后调度带有结果的receivePosts。

我的问题是我应该从哪里调用此方法，以便在我的应用程序加载时，数据是从Web服务加载的？

Answer 1

以下是一些取决于app逻辑的选项

1）如果您希望全局，跨所有组件访问帖子

您可以在创建商店后立即放置fetchPosts，例如来自 redux/examples/shopping-cart

const store = createStore(
   reducer,
   applyMiddleware(...middleware)
)

store.dispatch(getAllProducts())

2）如果您只想访问特定组件/页面的帖子

您可以fetchPosts调用特定组件的componentWillMount方法。

componentWillMount() {
    loadData()
}

redux官方例子中的一些例子

1. redux/examples/real-world/containers/RepoPage.js
2. redux/examples/async/containers/App.js
3. redux/examples/real-world/containers/UserPage.js