React Redux

董俊豪
2022-02-28 / 0 评论 / 0 点赞 / 537 阅读 / 601 字
温馨提示:
本文最后更新于 2022-02-28,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

1.什么是redux

独立状态管理库,(mobx状态管理库),解决多级数据传递、兄弟组件数据传递
store->state tree
*唯一改变state方法 store.dispatch触发一个action->reducer 完成state更新,组件完成
组件可以派发dispatch action行为
其他组件订阅store中的状态来刷新自己视图
要点:1.所有state以一个对象树形式 存储
2.action 描述发生什么的对象 对象
3.reducer 描述action如何改变state

2.使用场景

公共组件业务非常多,不同角色权限管理,与服务器大量交互,聊天直播等应用
view需要多个来源数据

3.如何工作

react组件->dispatch(action)->store<->reducers(previousState,action)

4.三大原则

1.单一数据源store
2.state只读,action 在reducer集中处理
3.reducer使用纯函数执行修改

5.使用

Provider from 'react-redux' 包裹组件,组件内部可以使用redux里的state
Connect from 'react-redux' 相当state的hooks 拿到state
class ReduxCount
export default connect(mapStateToProps)(ReduxCount)

0

评论区