Reactjs React路由器：如何在不同的页面上呈现两个不同的组件？

我正在构建一个react应用程序。我使用的是react路由器domv4

class TodoApp extends React.Component{
    render(){
        return(
            <Router>
                <div>
                    <Route path='/' component={TodoComponent}></Route>
                    <Route path='/about' component={About}></Route>
                </div>
            </Router>
        );
    }
}

类TodoApp扩展了React.Component{
render（）{
返回(
);
}
}

如何在不同的页面上呈现这两个不同的组件？以下是输出的外观：

---

您需要将

精确的

属性添加到根路由

/

中，当前两个路由都匹配

/about

，因此两个组件都将显示：

<Route exact path="/" component={TodoComponent} />

很乐意帮忙！：-）这对路由链接也适用吗？？我的意思是，我在同一个组件上得到两个路由链接。如何避免它并在一个页面上获得一个路由链接以在组件之间切换