redux流程图:

redux入门

 

把redux比作一个图书馆,把这个流程比作结束的流程。

react components:react components是一个借书的人。

action creator:一般去图书馆借书都会和管理员说,我要接什么什么书,那么这里的action creator就是你说的我要借什么什么书这句话。

store:store就是这个图书馆的管理员。

reducers:一般来说图书馆管理员都会有一个本子记录什么什么书,当你去借这本书的时候,管理员就会去查一下,图书馆里还有没有这本书,还书的时候要查一下,这个书应该放回那个位置,那么这里的reducers就是管理员用来记录图书的这本本子。

图书馆借书

首先呢,我们去图书馆说了我要接什么什么书,那么这句话就被图书馆管理员听到了,管理员就去查询一下我是不是有这本书,然后把这本书给借书者,这就是整个流程。

代码中:

获取数据:react components和store说我要获取(action),store知道你要获取或改变数据,但是要去查有没有这个数据,他要去问reducer,reducer告诉store有这个数据,然后把数据给react components

更改数据:react components和store说action(我要改变数据),store知道你要改变数据,但是不知道怎么帮助改变数据,他要去问reducer,reducer告诉store你要怎么改变数据,store在告诉react components我的数据改完了,你可以来获取了,就可以获取到最新的数据

相关文章: