SPA网站中的路由器堆叠组件

删除中的以下代码 BasicExample 组件:

<ul>
  <li><Link to="/">Home</Link></li>
  <li><Link to="/about">About</Link></li>
  <li><Link to="/topics">Topics</Link></li>
</ul>

基本示例 是布局组件,因此所有其他组件(即 Home , About , Topics 和 Topic )包含在其中。

基本示例 之后应该是这样:

const BasicExample = () => (
  <Router>
    <div>
      <Route exact path="/" component={Home}/>
      <Route path="/about" component={About}/>
      <Route path="/topics" component={Topics}/>
    </div>
  </Router>
)

PS: 我有点好奇,为什么你不想在一个有路线的应用程序中导航。也许你根本不应该使用React路由器。