Страница для отображения при запуске приложения

Question

Привет, ребята, и добро пожаловать в следующий эпизод Новое в React, так что давайте поэкспериментируем !В этом эпизоде ​​мы представляем:

Попытка отобразить компонент Home при запуске приложения.

Я пошел с созданием домашней страницы в другом компоненте, не уверен, что это правильный подход, но яЯ подумал, что было бы неплохо сохранить App.js в чистоте от всех html и тому подобного.

Это, однако, вызывает проблему, так как кажется, что компонент Home не отображается наприложение загружается (дух), вместо этого оно просто отображает черную страницу.Чтобы попасть на hompage , вам нужно щелкнуть ссылку бренда Navbar в Navigation, поскольку я добавил ссылку для этого.

class App extends Component {
    render() {
        return (
            <BrowserRouter>
                <div className="App">
                    <Navigation />
                    <div>
                        <div>
                            <h1>Some content</h1>
                        </div>
                        <div>
                            <Route exact path="/" component={Home} />
                            <Route path="/page1" component={page1} />
                            <Route path="/page2" component={page2} />
                        </div>
                    </div>
                    <Footer />
                </div>
            </BrowserRouter>
        )
    }
}

Я думаю, что мог бы использовать<Redirect> для перенаправления на компонент Home, но мне кажется, что это обходной путь, а не то, что должно происходить на самом деле.

Что может быть лучше для этого?