Redux Hooks 的 useSelector 和 useDispatch 就是 Vuex 的 mapGetters 和 mapActions 啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 2279 days ago, the information mentioned may be changed or developed.

稍微有感而发下 (:

以前 >

connect 里的 mapPropsTostate 就是 vuex 的 mapGetters，把变量加在 props 里让组件读取

connect 里的 mapDispatchToState 就是 vuex 的 mapActions，把定义在存储里的函数加在 props 里让组件读取

最新 >

Redux Hooks 的 useSelector 和 useDispatch 也就是 Vuex 的 mapGetters 和 mapActions 啊

3 replies • 2020-02-02 13:45:28 +08:00

otakustay

Feb 2, 2020

1. 你有一个组件框架
2. 你有一个脱离与具体组件框架的全局状态
3. 组件框架要感知到与它不相关的全局状态，那必然会需要一个把它们“连接”起来的层
4. 万物归一，无非是数据+行为
5. 有一个函数叫“连接数据”，有一个函数叫“连接行为”

不相似才奇怪，哪个状态管理能逃过这东西的才奇怪

Allianzcortex

Feb 2, 2020

@otakustay 发现并比较这种相似之处充满乐趣 ( :

Biwood

Feb 2, 2020

Vuex 官网是这么说的：
“这就是 Vuex 背后的基本思想，借鉴了 Flux、Redux 和 The Elm Architecture。与其他模式不同的是，Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。”

Vuex 是后来者，跟 Redux 一样都是以 Flux 架构为参考而设计，有相似之处当然是正常的。