2016-02-13 36 views
1

初始数据,我编写异步操作加载从Web服务调用

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

,并在此基础上阅读本教程中,我有一个叫我的行动fetchPosts方法。此方法首先调度requestPosts操作,然后调用Web服务并最终为receivePosts调度结果。

我的问题是我应该从哪里调用这个方法,以便当我的应用程序加载时,数据从Web服务加载?

+0

这是一个非常开放式的问题的一些例子。 SO的更好方法是尝试将它们放在某个地方,然后在遇到问题时再回来。也就是说,决定放置它们的位置取决于你想要数据的时间。你必须决定什么时候“我的应用程序加载”对你来说意味着什么。在那里发送。就个人而言,我倾向于默认使用最顶级组件的'componentWillMount'方法。 – EugeneZ

回答

2

下面是从应用程序逻辑

1)根据一些选项如果你希望获得的职位全球范围内,在所有组件

可以在创建后存放摆正fetchPosts
例如从 redux/examples/shopping-cart

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

store.dispatch(getAllProducts()) 

2)如果您只想访问特定组件/页

你可以把fetchPosts呼叫componentWillMount特定组件的方法。

componentWillMount() { 
    loadData() 
} 

从终极版官方例子

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