前提条件：

1. 假定首页文章列表放于 store 的 list 中。

思索步骤：

1. 经由过程 styled-components 建立“加载更多”按钮组件，并绑定click回调函数A。
2. 抱负状况 函数A 经由过程 dispatch 出一个 action 异步猎取数据并更新 store 中的 list 数据，组件再从新轮回输出 list。
3. 主要题目 通信 ，要让首页文章模块和 store 通信我们须要运用到 react-redux （经由过程供应的 Provider 标签中的 store 属性接收到store，经由过程 connect 函数买通模块和传入的 store 间的通信。）
4. 其次 猎取数据，运用 axios 异步猎取数据相对简朴然则这部份代码写在哪最合适？？由于要 dispatch 所以起首想到 mapDispatchToState ，但我们不是直接 dispatch 而是先猎取异步数据，所以须要中间人参与也就是 中间件 运用 redux-thunk 能够 dispatch 函数，而函数中就能够异步猎取数据并 dispatch 出携带了异步返回数据的 action。