首页 > 其他分享 >react中使用redux

react中使用redux

时间:2022-10-11 23:33:05浏览次数:56  
标签:状态 react store 使用 action redux 老板

-

 

 redux不是facebook团队开发的,不是只有react才可以用,angla、vue也可以用,不过vue中有专业的状态管理插件,vuex。vue3也出了一个pina。vue中并不用redux。

使用redux的原则是。能不用就不用,除非,不用比用更费劲。

react components : react组件

action creators:动作 创建者

dispatch: 派发

action: 是一个对象,包含 类型、数据

store: 存储

resucers: 加工厂

previous state: 之前的状态

new state:新状态

getState:获得状态

 

redux工作流程:

组件发出信息,要做些什么?传递给 动作创建者(action creator),动作创建者 创建好一个action对象(type:动作类型, data:执行动作需要的数据)派发给  老板(store),store 吩咐 reducer(加工者),加工者 把之前的状态 加工成新状态 返回给store(老板),组件向store中取状态。

用一个吃饭的例子举例:顾客(组件)对服务员说想吃饭,服务员列出一个单子:事件类型:吃饭,吃饭需要什么:蛋炒饭。给了老板(store),老板吩咐 厨师(reducer)做饭,厨师做完饭给老板,顾客从老板那里取饭。

 

 

 

 

 

 

-

标签:状态,react,store,使用,action,redux,老板
From: https://www.cnblogs.com/fqh123/p/16783019.html

相关文章