redux

[mianmalife]

创建store

1. import { createStore } from 'react'; import reducer from './reducer';

2. const store = createStore(reducer);

3.export default store;

[mianmalife]

reducer

1. const defaultState = {
     inputValue: '123',
     List: [1,2]
}

2.export default (state = defaultState, action) => {
      return state;
}

[mianmalife]

import store './store';
store.getState();

[mianmalife]

handle = (e) => {
    const action = {
       type: 'add_item',
       inputValue: e.target.value,
  }
store.dispatch(action);
}
export default (state = defaultState, action) => {
     if(action.type==='add_item') {
         newState  = JSON.parse(JSON.stringfy(state));
         newState.List.push(action.inputValue);
         return newState;
  }
}

[mianmalife]

store.subscribe(this.handle);
this.setState(store.getState());

[mianmalife]

actionTypes
actionCreators

[mianmalife]

store 是唯一的 store拿到reducer返回的数据 自己改变自己 reducer必须是纯函数

[mianmalife]