我在尝试实现此目标时遇到了很大的困难。我已经在各处搜索了解决方案,但是无法使其正常工作。

我将路由定义在一个名为route.jsx的单独文件中,

javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作-LMLPHP

在我的应用程序上,我正在导入路线和导航,这部分还可以

javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作-LMLPHP

但是我的问题是导航,例如,当我单击主页或大约时,浏览器将我带到那里,但是正文的内容没有更新,例如,当我单击导航链接时,我不知道在体内看不到,我必须刷新浏览器才能看到它...

javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作-LMLPHP
javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作-LMLPHP

最佳答案

这是因为您正在使用两个单独的<BrowserRouter>。它应该位于组件层次结构的最高级别。我将从RoutesNav删除它,并以它开始<App>

class App extends React.Component {

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

关于javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48072739/

10-12 13:42