路由不会更新react-router

Question

点击<Link />

时，路线无法更改

浏览器哈希已更改，但查看 - 不要

路线

<Router {...this.props}>
                <Route  path="/" component={App}>
                    <Route path="/profile" onEnter={this.requireAuth}>
                        <IndexRoute component={Profile} />
                        <Route path="/profile/update" component={ProfileUpdate} onEnter={this.requireAuth} />
                        <Route path="/profile/:id" component={User} ></Route>
                    </Route>
                </Route>
            </Router>

所以我试图在那里导航/profile/:id

这是我的链接按钮

<Link to={`/profile/${item.id}`}>
       Example link
</Link>

此外，当我在浏览器中手动编写id时，我的控制台出现错误但显示的视图

http://myapp.localhost/profile/undefined 404 (Not Found)

如何解决问题？ 感谢

Answer 1

检查您的item.id是否未定义，如果是，则链接可能会尝试将路径从 / profile 更改为 / profile 。由于网址是相同的反应路由器不会做任何事情。