繁体   English   中英

React router redux链接更改路由,但不是组件

[英]React router redux Link changing route, but not component

在我的应用程序中我正在使用

"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-redux": "^5.0.3",
"react-router-dom": "^4.0.0",
"react-router-redux": "^4.0.8",
"redux": "^3.6.0"

在我的代码中我有一个链接(从“react-router-dom”导入{Link};)

<Link to="login">Login</Link>

当我点击它时,它正在更改url,同样在redux dev工具中我可以看到路由路径名正在被更改,但登录路径的组件不会变得可见。

您可以检查我的Github存储库上的代码

我在这里找到了解决方案

问题是在beta react-router版本中你需要将导出的组件包装到withRouter中,如下面的代码所示

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(App));

这是我在github项目中的提交

<Router>添加条目:

<Route path="/login" component={Login}>

如果没有它,React不知道应该使用哪个组件。

并且在Link中登录应该在斜杠之前:

<Link to="/login">Login</Link>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM