dva学习笔记

Model:

model是dva最重要的概念，以下是经典的例子：

app.model({
  namespace: 'todo',
    state: [],
  reducers: {
    add(state, { payload: todo }) {
      // 保存数据到 state
      return [...state, todo];
    },
  },
  effects: {
    *save({ payload: todo }, { put, call }) {
      // 调用 saveTodoToServer，成功后触发 `add` action 保存到 state
      yield call(saveTodoToServer, todo);
      yield put({ type: 'add', payload: todo });
    },
  },
  subscriptions: {
    setup({ history, dispatch }) {
      // 监听 history 变化，当进入 `/` 时触发 `load` action
      return history.listen(({ pathname }) => {
        if (pathname === '/') {
          dispatch({ type: 'load' });
        }
      });
    },
  },
});

Model包括五个属性：

namespace:

model的命名空间，同时namespace也是在全局state上的属性，只能用字符串，不支持通过.的方式创建多层命名空间。

type：String

state:

初始值

reducers

以key/value的格式来定义reducer。用于处理同步操作，唯一可以修改state的地方，由action触发。格式为：(state, action) => newState 或者 [(state, action) => newState, enhancer]

effects:

以key/value格式定义effect。用于处理异步操作和业务逻辑，不直接修改state。由action触发，可以触发 action，可以和服务器交互，可以获取全局 state 的数据等等。

subscriptions：