React-Router повторно отображает неправильный компонент
Я установил, что маршруты не работают правильно. Они могут перейти к компоненту и упомянуть правильный маршрут, но когда я пишу URL-адрес вручную, он заканчивается повторным рендерингом на домашнюю страницу или localhost: 3001 / login. Ты хоть представляешь, почему это происходит? введите описание изображения здесь
Во втором случае if (tihs.props.isAuth) у вас есть два одинаковых пути "/" и разные компоненты. Но я не думаю, что это проблема.
Ответы 1
Вы определили один и тот же маршрут к двум разным компонентам, возможно, в этом проблема.
<Route exact path = "/" component = {Charges} />
<Route exact path = "/" component = {Account} />
Кстати, это не идеальный способ авторизации маршрутов. Попробуйте что-то вроде этого
<Route path = "/account" render = {() => (isAuth() ? (<Redirect to = "/login"/>) : (<Account />))}/>
Где isAuth () - это функция, которая возвращает логическое значение
isAuth() => {this.props.isAuth};
Это отобразит компонент Account, если isAuth () вернет true, иначе он будет перенаправлен на вход.
и похоже, что у вас есть <Redirect to = "/login"/>, который должен вызывать ошибку.
Все еще не работает так, как должно быть, и у меня такая же проблема
@AshrafUthman Я не совсем понимаю, о чем вы здесь говорите. Я надеюсь, что вы будете перенаправлены на / login при попытке навигации вручную. Я надеюсь, что главная страница, о которой вы здесь говорите, - это / login. Пожалуйста, поделитесь своим кодом, не публикуйте изображения своего кода.
Добавьте соответствующий код и конфигурацию маршрутизатора.