React-route-dom NavLink with SemanticUI 不工作

Question

我很难实现这个。我已经到处寻找解决方案，但无法解决问题。

我在名为 routes.jsx、

的单独文件中定义了我的路线

在我的应用程序上，我正在导入我的路线和导航，这部分没问题

但我的问题是导航，例如，当我点击主页或关于导航时，浏览器会将我带到那里，但正文的内容不会更新，例如，当我点击导航时link about，正文里没看到about，得刷新浏览器才能看到...

Answer 1

这是因为您使用了两个单独的 <BrowserRouter>。它应该位于组件层次结构的最高级别。我会从 Routes 和 Nav 中删除它，然后用它

开始 <App>

class App extends React.Component {

  render() {
   return (
      <BrowserRouter>
        ....
      </BrowserRouter>
   ); 
  }
}