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)
评论区