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

Question

[Orion Orion]

Делаю авторизацию, отправлю запрос с данными, приходит токен в 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

Заранее Спасибо!

Comments

[Алексей Дубровин]

Открыть доку, прочитать хотя-бы мельком дальше 1 примера?
https://reactrouter.com/docs/en/v6/getting-started...

В коде который вы скинули не вижу что-бы вы переходили куда-то

Answer 1

[I Phoenix I]

Используйте метод 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>;
}

Comments

[Orion Orion]

submitForm это ?

[I Phoenix I]

Не играет роли.
Тот пример был взят из официальной документации, чтобы показать, как можно использовать метод useNavigate.