带有 SemanticUI 的 React-route-dom NavLink 不起作用

Question

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

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

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

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

Answer 1

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

class App extends React.Component {

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