ЯсноПонятно24

import {Layout} from '../../components/Layout'; import {HOTELS} from '../../constants'; export const Hotel = () => { const hotelIndex = 0; const hotel = HOTELS[Number(hotelIndex)]; return <Layout> <h1>{hotel.title}</h1> <figure> <img width={200} src={hotel.img} alt="Elephant at sunset" /> <figcaption>{hotel.description}</figcaption> </figure> </Layout> }; import { Routes, Route, } from 'react-router-dom'; import {Home} from '../pages/Home'; import {HotelList} from '../pages/HotelList'; import {Hotel} from '../pages/Hotel'; // Import the Hotel component export const App = () => { return ( <> <Routes> <Route path='/' element={<Home />} /> <Route path='/hotel-list' element={<HotelList />} /> <Route path='/hotel/:hotelIndex' element={<Hotel />} /> {/* Add the Route for the Hotel component with the hotelIndex parameter */} </Routes> </> ) }; Чтобы получить параметры страницы (hotelIndex), необходимо использовать хук useParams.