?:

   import { Link } from 'react-router-dom';

   const Navigation = () => {
     return (
       <nav>
         <Link to="/">Home</Link>
         <Link to="/about">About</Link>
       </nav>
     );
   };

1. ?? ??:
   • useNavigate ??? ????? ???? ?? ??? ???? ? ?????.
   • ? ??? ????? ??? ???? ??? ???? ?????.

?:

   import { BrowserRouter } from 'react-router-dom';

   const App = () => {
     return (
       <BrowserRouter>
         <Routes />
       </BrowserRouter>
     );
   };

?? ??? ??

??? ???? React ??? React Router? ???? ?? ????.

   import { Routes, Route } from 'react-router-dom';

   const Routes = () => {
     return (
       <Routes>
         <Route path="/" element={<Home />} />
         <Route path="/about" element={<About />} />
       </Routes>
     );
   };

??:

• BrowserRouter ????? ???? ????? ?? ?? ?? ?????.
• ?? ????? ??? ????? ???? ?? ?? ??? ???? ? ?????.
• ?? ?? ???? ?? ??? ???? ??? ? ?? ??? URL ??? ?? ??(?: ?, ?? ?? ???)? ?????.
• ??? ???? URL? ?????? ?? ?? ??? ??????.

?? ???

React Router? ?? ??? ????? ?? ?? ??? ??? ??? ? ????.

   <Route path="/" element={<Home />} />

??:

• /dashboard ???? /dashboard/profile ? /dashboard/settings?? ?? ??? ????.
• ?? ??(path="dashboard/*")?? * ?????? ?????? React Router? ???? ?? ?? ??? ?? ??? ????? ?? ?? ????.

Navigate? ????

Navigate ?? ?? ?? useNavigate ??? ???? ????? ???? ???? ?? ??? ??? ? ????.

   import { Link } from 'react-router-dom';

   const Navigation = () => {
     return (
       <nav>
         <Link to="/">Home</Link>
         <Link to="/about">About</Link>
       </nav>
     );
   };

??:

• Navigate ?? ??? ???? ? ???? ???? /about ??? ???????.

?? ????

URL? ?? ???? ? ??? ? ?? ?? ????? ???? ?? ??? ??? ? ????.

   import { useNavigate } from 'react-router-dom';

   const Login = () => {
     const navigate = useNavigate();

     const handleLogin = () => {
       // Perform login logic
       navigate('/dashboard');
     };

     return (
       <button onClick={handleLogin}>Login</button>
     );
   };

??:

• ?? ??? :userId? ?? ???????.
• useParams ??? UserProfile ?? ?? ??? URL?? userId ?? ???? ???? ????? ? ?????.

??

React Router? ???? React ??????? ? ?? ?? ????? ??? ? ????. BrowserRouter, Route, Link? ?? ?? ??? useNavigate? ?? ??? ???? ??? ??? ??? ???? ?? ?? ??? ??????? ?? ? ????. ?? ??, ?? ??, ?? ???? ? React Router? ?? ??? ???? React ??? ??? ?? ??? ? ????.

? ??? React Router ?? ?? ??: React?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!