3151

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Arnold

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

function App() {
    return (
        <BrowserRouter>
            <Switch>
                <h2>
                <Route exact path='/main'>
                    <div>Main page</div>
                </Route>
                <Route exact path='/about'>
                    <div>About page</div>
                </Route>
                <Route exact path='/hero'>
                    <div>Hero page</div>
                </Route>
                </h2>
            </Switch>
        </BrowserRouter>
    )
}

export default App;

exact - должен полностью совпадать путь.
Поясните, что не так?

salton

а у вас импорт React есть??? или вы просто сюда не скопировали?

Arnold

Есть, просто не скопировал сюда.
Подскажите, где копать решение?

salton

1 - Я бы не использовал внутри тега Н2 другие теги.
2 - И я точно уже не использовал exact path

ведь это все что требовалось?

Arnold

            <Switch>
                <Route path='/main'>
                <h2>Main page</h2>
                </Route>
                <Route path='/about'>
                <h2>About page</h2>
                </Route>
                <Route path='/hero'>
                <h2>Hero page</h2>
                </Route>
                

            </Switch>
        </BrowserRouter>```

Пришлось все руты обернуть в заголовке, тогда сработало. Хотя в условии задачи нет(((