如何将React与Redux连接(正确的方式)

您会在互联网上找到数百种正确(和错误)的方法来连接React和Redux。 有些会太长,有些会太复杂,并且大多数不会有任何意义,也无法解释内部电路的工作方式。 因此,这是我尝试解释实现此技巧的正确方法的尝试。 现在,在我们深入研究细节之前,我希望您了解有关Redux是什么以及为什么要在React中使用它的一些基本信息。 Redux是一项可帮助您管理“状态”的技术。 现在,众所周知,React,Angular,Vue或任何其他前沿的前端技术(用于制作“单页应用程序”)都具有被称为“组件”的东西,这些组件以各种组合方式构成了特定页面。 其中一些组件具有“状态”,而某些则具有“无状态”。 当组件的“状态”发生变化时(这基本上意味着已经向其传递了新值,或者新操作(如加法或减法)返回了我们现在需要显示的值),我们需要一种方法来显示此新状态。 状态管理(识别更改的状态并显示新的状态)可以由React处理,但是React不是为此而构建的。 React的构建只是为您提供可重用的组件,以节省开发时间并构建单页应用程序(SPA),从而使您的用户感到没有页面正在加载,并且所有内容都属于同一页面(几乎就像移动应用程序一样) )。 当您尝试使用React来管理状态时,您将得到很多令人困惑的代码。 这就是Redux的用武之地。需要特别注意的是Redux是一项独立的技术,并且是对流量的即兴创作(主要区别是Redux的方式更加完善,但在这里调用API却要困难得多,但在另一方面文章)。 Redux不需要React(与流行的看法相反),它也可以与Angular一起很好地工作,而且我们已经知道,React绝对不需要“ Redux”,但是它很棒。 下面是一个熟悉的Redux结构图。 要注意的重要事项是操作和存储。 如果您不知道这些是什么,那么我会有不同的文章解释所有这些不同的术语,本文假设您知道这些是什么。…