/
aprogrammer
/
react-router-basic
Обзор
Документация
Войти
/
aprogrammer
/
react-router-basic
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/UseNavigateApp.tsx
35 строк
812 B
aprogrammer
Added demo project
14 янв 2025, 01:21
14 янв 2025, 01:21
fb3ee45
Код
Авторство
О чём код?
import React from 'react'; import { BrowserRouter as Router, Routes, Route, useNavigate } from 'react-router-dom'; import './App.css'; const Home: React.FC = () => { const navigate = useNavigate(); const goToAboutPage = () => { navigate('/about'); // Переход на страницу "О нас" }; return ( <div> <h1>Главная страница</h1> <button onClick={goToAboutPage}>Перейти на страницу "О нас"</button> </div> ); }; const About: React.FC = () => { return <h1>О нас</h1>; }; const UseNavigateApp: React.FC = () => { return ( <Router> <Routes> <Route path="/" element={<Home />} /> <Route path="/about" element={<About />} /> </Routes> </Router> ); }; export default UseNavigateApp;