React-route-dom NavLink与SemanticUI无法正常工作

Question

我正在努力实现这一目标。我已经到处寻找解决方案，但无法使其正常工作。

我在一个名为routes.jsx，

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

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

但我的问题是，导航，当我点击，回家或者例如，浏览器带我去那里，但是身体的内容没有更新，所以例如，当我点击导航链接时，我在身体上看不到，我必须刷新浏览器才能看到它......

Answer 1

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

启动<App>

class App extends React.Component {

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