javascript - 带有 SemanticUI 的 React-route-dom NavLink 不工作

Question

我在尝试实现这一点时遇到了很大的困难。我已经到处寻找解决方案，但无法使其发挥作用。

我在一个名为 routes.jsx 的单独文件中定义了我的路由，

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

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

Answer 1

这是因为您使用了两个独立的 <BrowserRouter>秒。它应该位于组件层次结构的最高级别。我会把它从 Routes 中删除和 Nav并开始<App>与它

class App extends React.Component {

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