使用Redux从React组件进行API调用

时间:2018-11-28 19:38:53

标签: javascript reactjs redux

当我使用React和Redux时,我有一个困扰我很多的问题。在我的应用程序中,我有自己的API中间件,可使用简单操作来进行api调用。它在后台获取并返回Promise,效果很好。但是有时候我感觉我想要获取的数据不适合我的商店,并且不应该存在。它仅对单个组件很重要,并且不应该是全局的。

确切的意思是,这就是我通常进行数据提取的方式。我是这样的动作创造者:

dispatch(apiCall({ url, type, typePrefix })

typePrefix是请求,成功和失败操作的前缀。 ${typePrefix}/REQUEST。之后,我可以在我的减速器中对这些动作做出反应。

现在,有时候我正在考虑只在提供者/容器组件中制作fetch,将其保存到本地状态,然后传递给演示组件。 当我使用Redux时,乱码(或sagas)是执行数据获取的唯一方法,还是有时将获取的数据保留在本地很好?我对此没有任何疑问。

1 个答案:

答案 0 :(得分:0)

来自Redux的一位创建者的报价:

  

我想修改一下:在香草React出现问题之前,请不要使用Redux。

如果发现繁琐的操作,则主要需要Redux:

  • 在嵌套子代之间传递相同的状态。
  • 在多个组件中维护相同信息的多个副本。

但是,如果您认为redux只是使事情变得复杂,则应该坚持使用香草React和JS。

有关更多内容,请阅读here