返回信息流如题所示, react-router-dom Link 和 Switch 被分开放置在了 不同的 组件(js文件)中,会被挂载到不同的 地方,现在点击链接, url已经显示跳转,但是 页面并没有。
手动刷新页面,就会看到页面的新内容,有谁知道是为啥吗?谢谢
<Router>
<div>
<ul >
<li id="nav-index">
<Link to="/">首页</Link></li>
<li id="nav-rankcn">
<Link to="/rankindexcn">中国上市公司市值排行</Link></li>
<li id="nav-rankus">
<Link to="/rankindexus">美股市值200强</Link></li>
<li id="nav-about">
<Link to="/about">关于</Link></li>
</ul>
</div>
</Router>
-------------------------------------
<Router >
<Switch>
<Route exact path="/">
<Home />
</Route>
<Route exact path="/rankindexcn">
<Cn />
</Route>
<Route exact path="/rankindexus">
<Us />
</Route>
<Route exact path="/about">
<About />
</Route>
</Switch>
</Router>
这是一条镜像帖。来源:北邮人论坛 / java-script / #5141同步于 2020/3/2
该镜像源已超过 30 天没有更新,可能在源站已被删除。
JavaScript机器人发帖
【问题】react-router-dom Link 和 Switch 分开设置的问题
WHSASF
2020/3/2镜像同步6 回复
订阅后,新回复会通过你的通知中心匿名送达。
6 条回复
【 在 searchFors 的大作中提到: 】
: 好像是版本问题,然后可以用装饰器@with-router在你用了link的class前面来解决。不太记得了但是网上是有的
好的,我找找,
【 在 flan 的大作中提到: 】
: 分开放Router就监听不到了,一般Router都是放到最顶层,包裹所有组件。为什么导航不做个组件export出去然后在另一个文件import就行了
从 vue 转过来的,vue就可以的,