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我的数据改完了,你可以来获取了,就可以获取到最新的数据。