摘要:
Redux之useSelector、useDispatch
React Redux 从 v7.1.0 开始支持 Hook API 并暴露了 useDispatch 和 useSelector 等 hook。以替代 Redux connect(),减少代码
useSelector 替代 mapStateToProps,从store中提取state数据
useDispatch 替代 mapDispatchToProps,从store中获取dispatch方法的引用 阅读全文
摘要:
React之React-Redux
与redux比较,React-redux更为简洁,只要在mapStateToProps中绑定的state或者action就直接可以在组件的props中获取到,这样state与action在mapStateToProps统一管理,使用起来很方便。
更重要的是,React-Redux自己会监听state的变化进行更新,而redux需要手动的在生命周期componentDidMount中通过store.subscribe()来订阅事件 更新state。 阅读全文
摘要:
React之Redux
redux 统一保存数据,在隔离了数据与UI的同时,负责处理数据的绑定。
store.dispatch 帮助我们派发action,这个action会传递给store
store.getState 获取到store里面所有的数据内容
store.subscribe 可以让我们订阅(监听) store的改变 只要store发生改变, 这个方法的回调函数就会执行 阅读全文
摘要:
Redux详细入门教程
组件需要共享数据(或者叫做状态state)的时候
某个状态需要在任何地方都可以被随时访问的时候
某个组件需要改变另一个组件的状态的时候
语言切换、暗黑模式切换、用户登录全局数据共享 ... 阅读全文