这看起来像一个简单的用例,但我无法弄清楚.我想显示通过HTTP从请求检索到远程API的项目列表.我希望屏幕在请求发生时最初显示为空白,然后在可用时填充结果.
所以我想我会有两个组件:哑的"项目列表"组件和一个包装"表示"组件,呃以某种方式启动远程请求,同时使用状态的空项目列表呈现哑组件.
我知道如何启动初始远程请求:使用componentDidMount().
我知道如何处理调度/连接:我想使用类似的东西:
const OuterWrapper = connect(
mapStateToProps,
mapDispatchToProps
) (ItemList)
但我如何让这些东西一起玩呢？使用connect()似乎使事情遥不可及.我想异步启动API请求,然后以某种方式执行`dispatch(updateItemList(items))来告诉全世界有新项目要添加到该状态.
编辑:
我找到了react-lifecycle-component,但我不了解前后的示例用法.在较长的情况下,为什么被getAllTehDatas引用两次？为什么mapDispatchToProps没有key:value配对呢？如果componentDidMount()打电话,为什么需要在那里？如果该方法需要使用,你会怎么做dispatch()？