redux-thunk形式

 

onClick(e) {

    e.preventDefault();

    const { user, pass } = this.refs;

    this.props.dispatch(login(user.value, pass.value));

  }

 

export const login = (user, pass) => async (dispatch)

 

export const login = (user, pass) => async (dispatch) => {

    try {

        dispatch({ type: LOGIN_REQUEST });

        let { data } = await request.post('/login', { user, pass });

        await dispatch(loadUserData(data.uid));

        dispatch({ type: LOGIN_SUCCESS, data });

    } catch(error) {

        dispatch({ type: LOGIN_ERROR, error });

    }

}