Как вернуться к родительскому компоненту в react?

Question

[pink2floyd]

Я нахожусь в компоненте login который включился из App, как можно вернуться к компоненту App ?

Comments

[Pavel Kuzyakin]

проделать ту же цепочку в отдельном варианте — как экстрасенс вам говорю

[pink2floyd]

Pavel Kuzyakin, Можно по подробнее ? Вы имеете ввиду вызывать App ? Если да, то как-то не комильфо это, разве нет ? Правильней же будет вернуться назад чем глотать свой хвост ?

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

pink2floyd, нужен код. Без него не ясно ни что вы используете, ни что вам посоветовать.

[pink2floyd]

Антон Спирин, Это проблема. Так как код дать не могу, не по своему желанию, а урезанным давать смысла нет. Попытаюсь объяснить более подробно. Первым реакт запускает компонент App в котором по условию запускается компонент Login, после введенных данных мы должны вернуться к компоненту App что бы теперь по условию запустился компонент Home. Вопрос в том как после введенных данных в компоненте Login вернуться к компоненту App ?

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

pink2floyd, использовать react-router-dom

[pink2floyd]

Антон Спирин, это не совсем то, но все ровно спасибо

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

pink2floyd, это как раз примерно то, что по-хорошему надо использовать. Пишите поверх Route реализацию AuthRoute:

const AuthRoute = ({ component: Component, render, isSignedIn, ...rest }) => (
  <Route {...rest} render={props => {
    if (!isSignedIn) return (
      <Redirect to={{
        pathname: "/signin",
        state: { referrer: props.history.location.pathname }
      }} />
    );

    if (render) return render({ ...props });

    return <Component {...props} />;

  }} />
);

const mapStateToProps = state => ({
  isSignedIn: isSignedInSelector(state),
});

export default connect(mapStateToProps)(AuthRoute);

и у вас будет переадресация на логин со всех страниц, требующих авторизации для неавторизованных пользователей.

[pink2floyd]

Антон Спирин, Спасибо

[pink2floyd]

Антон Спирин, Напишите пожалуйста свой ответ под вопросом, что бы я мог его отметить как решение.