Как в React + redux отловить Request на страницу?

Question

[Bekkazy]

Есть страница входа через соц сети. После авторизации, сервер редиректит на страницу /admin. Как на странице /admin получить значение из request?
Там внутри должны лежать данные о пользователе

Answer 1

[Олег Гамега]

при авторизации записывайте данные в redux, redux единсвенный источник истины не отходите от этого правила
пример
возможно не самый лучший пример но работает стабильно, у меня при авторизации через социальные сети прилетает токен в url

<Route exact path="/"
                                   render={() => {
                                       let token = getParameterByName('accessToken',history.location.search)
                                       if(token!=undefined&& token!=null){
                                           this.props.getProfileInfo(token)
                                       }
                                       return (<Redirect to={`/list/${id}`}/>)
                                   }}
                            />

Comments

[Bekkazy]

Можно пожалуйста подробнее?
У меня точка входа выглядит вот так:

import React from 'react';
import { render } from 'react-dom';
import { createStore, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import { applyRouterMiddleware, Router, Route, hashHistory, IndexRedirect, Redirect } from 'react-router';
import { syncHistoryWithStore, routerMiddleware } from 'react-router-redux';
import reducers from './reducers';

const middleware = routerMiddleware(hashHistory);
const store = createStore(
  reducers,
  applyMiddleware(middleware)
);

const history = syncHistoryWithStore(hashHistory, store);

function scrollToTop() {
  window.scrollTo(0, 0);
}

const rootRoute = {
  childRoutes: [{
    path: '/',
    component: require('./containers/App'),
    indexRoute: { onEnter: (nextState, replace) => replace('/landing') },
    childRoutes: [
      require('./routes/app'),
      require('./routes/404'),
      require('./routes/500'),
      require('./routes/admin'),
      require('./routes/confirmEmail'),
      require('./routes/forgotPassword'),
      require('./routes/lockScreen'),
      require('./routes/login'),
      require('./routes/signUp'),
      require('./routes/fullscreen'),
      require('./routes/landing'),
      require('./routes/orderPOS'),
      {
        path: '*',
        indexRoute: { onEnter: (nextState, replace) => replace('/404') },
      }
    ]
  }]
};


render(
  <Provider store={store}>
    <Router
      onUpdate={scrollToTop}
      history={history}
      routes={rootRoute}
    />
  </Provider>,
  document.getElementById('app-container')
);

Мне надо отловить на странице /admin данные из request. Без понятия как это сделать

[davidnum95]

Bekkazy, в admin компоненте в пропсах лежат твои url параметры

[Олег Гамега]

Bekkazy опишите подробнее задачу
если я правильно понял у вас на странице login есть авторизация через соцсети и после успешной авторизации вам в url приходит токен юзера, верно ?

[Bekkazy]

Олег Гамега, у меня есть страница landing, там есть кнопка "Войти через Facebook". После нажатии и успешной авторизации, пользователя редиректит на страницу /admin. Вот там и не могу понять как вытащить имя пользователя.

Да, приходят токен и имя пользователя

[Олег Гамега]

Bekkazy, нужные вам параметры лежат в урл в react router 4 праметры лежат в this.props.history.location.search после того как их достанете запишите данные в redux