models

一. 参考网站

redux:  http://cn.redux.js.org/docs/introduction/CoreConcepts.html

dva:  https://github.com/dvajs/dva/blob/master/docs/Concepts_zh-CN.md

connect： http://taobaofed.org/blog/2016/08/18/react-redux-connect/

 

二. 概念

1.全部的state都以一个对象树的形式储存在store中。

2.惟一改变state的方法是触发action（一个描述发生什么的对象）。

3.为了描述action如何改变state树，须要编写reducers（一个接收state和action，并返回新的state的函数）。

reducers: {

    changeLoginStatus(state, { payload }) {

      return {  

        ...state,

        status: payload.status,

        type: payload.type,

        submitting: false,

      };

    },

 }

4.经过store.dispatch()将action传到store。(用于页面上交互时，事件里面)

this.props.dispatch({

    type: 'login/login',

    payload: {}, // 须要传递的信息

}）

5. action 是改变 State 的惟一途径，可是它只描述了一个行为，而 dipatch 能够看做是触发这个行为的方式，而 Reducer 则是描述如何改变数据的。

6.connect作了两件事，一是把组件里的属性（粮食）送到罐子里去，二是把组件们须要干什么事情提早和罐子外面的redux约定好。

 

三. models里包含下面这几部分

1.effects

effects: {

    *login({ payload }, { call, put }) {

      yield put({

        type: 'changeSubmitting',

        payload: true,

      });

      const response = yield call (fakeAccountLogin, payload);

      yield put({

        type: 'changeLoginStatus',

        payload: response,

      });

      // Login successfully

      if (response.status === 'ok') {

        console.log(routerRedux);

        yield put(routerRedux.push('/'));

      }

    },

};