но при нажатии на кнопку у меня нет перехода на страницу компонента, то есть у меня просто подгружается контент из того компонента на который я хочу перейти по нажатию. Из этого компонента подгружается контент на главную страницу, а должен быть именно переход на страницу с этим контентом, что делать?
import { BrowserRouter, Route, Link, Routes } from 'react-router-dom';
import { CatalogPage } from './CatalogPage';
<BrowserRouter>
<Link to="/catalog">Каталог</Link>
</BrowserRouter>
<Routes>
<Route path='/catalog' element={<CatalogPage />} />
</Routes>
Страница компонента CatalogPage:
export function CatalogPage() {
return (
<div className="container">
<h1>Catalog</h1>
</div>
)
}
уже и у чат гпт спрашивал, и читал про роутер, и на ютубе пересмотрел, всё делал как показано, но почему-то у меня так
то есть у тебя пути по нажатию не меняются, но контент меняется?
пути меняются, просто нет перехода на страницы, из того компонента на который нужно переход сделать от туда просто контент подгружается на главную страницу и у меня он отображается на главной странице
Обсуждают сегодня