@Harlok
Кратко о себе

Как сделать переход страницы в react-router-dom?

Делаю авторизацию, отправлю запрос с данными, приходит токен в localstorage все нормально работает (почти), но не переходит на нужну страницу (в данном случаи Main)
import React from 'react'
import { Routes, Route, Navigate } from 'react-router-dom'
import Home from './component/Home'
import Main from './component/Main'


 export const useRoutes = (isLogin) => {
     if(isLogin){
          return (
           <Routes>
                      <Route path="/login" element={<Main/>}/>
            </Routes>
         )
     }
    
         return (
        <Routes>
            <Route path="/" element={<Home/>}/>
            <Route path="*" element={<Navigate to="/"/>}/>
        </Routes>
         )
     
}


Нужно чтобы перешло на страницу Main если isLogin=true

Заранее Спасибо!
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
PhoenixX33i
@PhoenixX33i
Используйте метод useNavigate

Пример:
import { useNavigate } from "react-router-dom";

function SignupForm() {
  let navigate = useNavigate();

  async function handleSubmit(event) {
    event.preventDefault();
    await submitForm(event.target);
    navigate("../success", { replace: true });
  }

  return <form onSubmit={handleSubmit}>{/* ... */}</form>;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы