Reactjs 如何将API数据传递给React组件？（包括沙盒链接）

如果我发错了，我道歉，但我已经坚持了9个小时了，我已经准备好进入交通

我在这里找到了真实世界的React+Redux应用程序：

我的叉子在这里：

实际示例在路线更改时加载数据。相反，我的fork在您单击“Go！”按钮时加载数据。加载正常，数据正常化，并按预期显示在

state.entities.artifacts

中

我剩下的最后一个问题是，我无法获取列表组件，它应该以

状态.entities.artifacts

显示项目。在我从API获得搜索结果后，它甚至不会尝试重新渲染

让我来告诉大家，我是一个全新的反应和重复的人，我真的在用这个把头撞在桌子上

---

：（

对于其他有相同问题的人，答案是通过

MapStateTrops

将我的项目（

state.entities.artifacts

）映射到道具，如下所示：

const mapStateToProps = (state, ownProps) => ({
  artifacts: state.entities.artifacts,
  ...
});

然后我可以在如下组件中使用它：

<List
  config={searchConfig}
  artifacts={artifacts}
  totalResults={totalResults}
/>

有关如何工作的完整示例，您可以在以下位置查看我的沙盒：

---

谢谢！

我看到您已通过将redux状态正确连接到组件解决了问题。请为您的问题添加一个答案，解释您的解决方案，以方便未来的知识寻求者。：）感谢@jered的帮助！显然，我要到明天才能接受我的答案，但我一定会接受。而且，我可能会为设置分页打开另一张票。有这方面的经验吗？