объявить компонент для всех маршрутов реакции-маршрутизатора

Question

У меня есть заголовок, и внутри него у меня есть компоненты Link для навигации по любым страницам, и заголовок должен отображаться на всех маршрутах, я поместил компонент Header в метод switch, потому что у меня есть компонент внутри него.но компонент заголовка отображается один, остальные компоненты не отображаются, только компонент заголовка.

class App extends Component {
    render() {
        return (
            <div>
                <BrowserRouter>
                    <Switch>
                        <Header/>
                        <Route path={'/'} exact={true} component={Main}/>
                        <Route path={'/cursos'} exact={true} component={Cursos}/>
                        <Route path={'/forum'} exact={true} component={Forum}/>
                        <Route path={'/login'} exact={true} component={Login}/>
                    </Switch>
                </BrowserRouter>
                <Footer/>
            </div>
        );
    }
} 

Answer 1

Попробуйте что-то вроде этого:

class App extends Component {
    render() {
        return (
            <div>
                <BrowserRouter>
                  <React.Fragment>
                    <Header/>
                    <Switch>                        
                        <Route path={'/'} exact={true} component={Main}/>
                        <Route path={'/cursos'} exact={true} component={Cursos}/>
                        <Route path={'/forum'} exact={true} component={Forum}/>
                        <Route path={'/login'} exact={true} component={Login}/>
                    </Switch>
                  </React.Fragment>
                </BrowserRouter>
                <Footer/>
            </div>
        );
    }
} 

Switch предназначен для отображения только одного дочернего элемента (первого, соответствующего).