如何将会话身份验证与React-Redux操作一起使用？

Question

I want to know how to make session auth for React-Redux

This is my actions for react-redux:

export function UserLogin(values, callback) {
    const request = axios.post(`${ROOT_URL}/user/login`, values).then(
        () => {callback();}
    ).catch((error) => {
        // Error
        if (error.response) {

             console.log(error.response.data);

        } else if (error.request) {
            // The request was made but no response was received
            // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
            // http.ClientRequest in node.js
            console.log(error.request);
        } else {
            // Something happened in setting up the request that triggered an Error
            console.log('Error', error.message);
        }
    });
    return {
        type: CREATE_POST,
        payload: request
    };
}

This is my code for Render login Page

Render(){
  const {isAuthenticated} = this.props.auth;
}

I want to know where i put session storage in React?

Answer 1

For Session management you can persist the session information in a Global reducer, which can be accessible from any point of the application.

    export default function createReducer(asyncReducers) {
  return combineReducers({
    route: routeReducer,
    global: globalReducer,
    language: languageProviderReducer,
    ...asyncReducers,
  });
}

For persistence, you can add redux-persist-immutable or redux-persist.

Answer 2

After some research i have create Redux with Cookie.

export default function user(state = {}, action) {
    switch (action.type) {
      case LOGIN_REQUEST_SUCCESS:
        cookie.save('sessionId', action.user.sid, { path: '/' })
        return merge({}, state, {
          sessionId: action.user.sid,
          id: action.user.id,
          firstName: action.user.first_name,
          lastName: action.user.last_name,
          isAuthenticated: true
        });

And IN Login i insert :

return {
        type: LOGIN_REQUEST_SUCCESS,
        payload: request
    };

Now i need to get the cookie value.