React history push не редиректит, без ошибок, в чем дело?

Question

[WizardW]

history.push не редиректит.
Подключил withRoutes, withRouter импортирую из react-router-dom:

export default withRouter(
  connect(
    mapStateToProps,
    mapDispatchToProps
  )(LoginPageContainer)
);

Диспатчу API запрос и в конце делаю пуш

const { history } = this.props; 
    if (history) history.push("/messages");

Ошибок нету, history в пропсах к контейнеру есть.

Comments

[WizardW]

Без диспатча и запроса к API тоже не работает

[WizardW]

Если вывести в консоль history, она там есть

[Антон Спирин]

WizardW, код покажите где запрос к API делаете.

[WizardW]

Если написать после пуша вот это window.location.href = window.location.href;, то работает.

[WizardW]

Антон Спирин, https://github.com/daniilgri/chat-react-app/blob/m...

[Антон Спирин]

WizardW, добавьте вызов консоли в метод isLoggedIn и проверьте есть ли cookie на момент вызова.

Answer 1

[m_frost]

достань compose из react-redux и попробуй так

export default compose(
    withRouter,
    connect(mapStateToProps, mapDispatchToProps)(LoginPageContainer)
);

надо не так
if (history) history.push("/messages");
а так

if (history) {
  history.push("/messages");
}

Comments

[WizardW]

compose ошибку только дал, да и зачем он, если history дошло до моего компонента.
Версия ифа выше - краткая, а ниже - длиннее, они ничем не отличаются.

[m_frost]

if (history) history.push("/messages");

за такое бют по рукам,
Покаж роутер мож у тебя там проблема ??

[WizardW]

m_frost, ну не знаю, все так пишут иф вроде и всем окей с этим)
Мой entry point

ReactDOM.render(
  <Provider store={store}>
    <Router> {routes} </Router>
  </Provider>,
  document.getElementById("root")
);

А сами routes : https://gist.github.com/daniilgri/bca098798649cde6...

[m_frost]

function PrivateRoute({ component: Component, ...rest }) {
  return (
    <Route
      {...rest}
      render={props =>
        isLogged() ? (
          <Component {...props} />
        ) : (
          <Redirect
            to={{
              pathname: "/login",
              state: { from: props.location }
            }}
          />
        )
      }
    />
  );
}

function RootSwitch() {
return (
  <Switch>
     <Route
      exact
      path="/"
      component={yourHomeComponent}
    />
    <PrivateRoute
      path="/messages"
      component={MessagesPage}
    />
    <Route
      path="/login"
      component={LoginPageContainer}
      }
    />
    <Route
      path="/register"
      component={RegisterPageContainer}
    />
  </Switch>
)
}

[WizardW]

m_frost, ну так это к вопросу отношения никакого не имеет, организация структуры кода и нерабочий history push как связаны?

[WizardW]

m_frost, и если вы не заметили, login и register не доступны, если вы авторизованы, а в вашем случае, они будут доступны.