我在尝试实现此目标时遇到了很大的困难。我已经在各处搜索了解决方案,但是无法使其正常工作。
我将路由定义在一个名为route.jsx的单独文件中,
在我的应用程序上,我正在导入路线和导航,这部分还可以
但是我的问题是导航,例如,当我单击主页或大约时,浏览器将我带到那里,但是正文的内容没有更新,例如,当我单击导航链接时,我不知道在体内看不到,我必须刷新浏览器才能看到它...
最佳答案
这是因为您正在使用两个单独的<BrowserRouter>
。它应该位于组件层次结构的最高级别。我将从Routes
和Nav
删除它,并以它开始<App>
class App extends React.Component {
render() {
return (
<BrowserRouter>
....
</BrowserRouter>
);
}
}
关于javascript - 使用SemanticUI的React-route-dom NavLink无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48072739/