Redux 封装！

React
redux 是（React全家桶）的核心成员
Redux 封装

• 我们将最新状态放到了createStore函数中进行封装！^_,生成 dispatch函数，操作 state，触发视图更新。(redux.js)

export function createStore(reducer) {
<-- 给 state一个为 null的初始值 -->
let state;
<-- 创建一个放置事件的事件池(数组) -->
const listener = [];
<-- 这个函数负责向事件池中添加事件； -->
const subscribe = (f) => listener.push(f);
<-- 这个函数负责获取当前 state值，创造一份和状态同样的对象给外界来用 -->
const getState = () => { return state };
<-- 获取旧的 state值 -->
let oldState = state;
<-- 这个函数负责获取当前用户传输的 action实参 -->
const dispatch = (action) => {
<-- 获取曾经还未覆盖的 start值 -->
oldState = state;
<-- 获取当前 state值覆盖掉store中旧的 state值 -->
state = reducer(state, action);
<-- 更新完成之后 重新渲染，把 state上一次旧的值添加到事件池 -->
listener.forEach(item => item && item(oldState));
}
<-- 默认传入空对象获取reducer返回的默认结果，为了初始化数据 -->
dispatch({});
return {
getState,
dispatch,
subscribe,
listener
}
}

最后

以上就是魔幻月饼为你收集整理的Redux 封装！的全部内容，希望文章能够帮你解决Redux 封装！所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。