深入理解redux

时间:2020-05-01

通过connect方法传入redux中的数据与方法给Register组件

export default connect(
    state => state.user,
    {register}
)(Register);

在组件中调用actions中的方法,register方法已经传给组件了

this.props.register(this.state);

actions中的register

export function register(state)

如果是异步操作需要返回函数,否则直接返回{type:'',data:[]}

return dispatch => {
        dispatch({type:'',data:[]});
};

actions中的返回数据将会在reducers中进行修改state数据

function user(state = initUser, action) {
    switch (action.type) {
        case AUTH_SUCCESS:
            return {...action.data};
        case ERROR_MSG:
            return {...state, msg: action.data};
        default:
            return state;
    }
}