在应用程序启动时显示的页面

Question

大家好，欢迎观看 React的新功能的下一集，让我们尝试一下！在本集中，我们呈现：

尝试在应用程序启动时显示Home组件。

我继续在不同的组件中构建主页，不确定这种方法是否正确，但我认为最好将App.js与所有html等保持干净。< / p>

但是，这样做似乎会引起问题，因为它似乎没有在应用程序启动（duh）上显示Home组件，而是仅显示黑页。为了进入 hompage ，您需要点击Navigation中的navbar品牌链接，因为我已经为此添加了链接。

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组件，但这对我来说似乎是一种解决方法，而不是实际发生的事情。

有什么更好的方法？