connect and withRouter issue(connect 和 withRouter 问题)
问题描述
我在我的项目中使用 Redux 和 React.我在 App.js 中有一些路由.我还在我的项目中使用 react-redux 中的连接功能.为了防止更新阻塞问题,我通常以这种方式包装我的组件
I am using Redux and React for my project. I have some Routes in App.js. I also use the connect function in react-redux in my project. To prevent update blocking issue, I usually wrapped my component in this way
withRouter(connect(mapStateToProps, mapDispatchToProps)(App)),
但是,如果我更改了 withRouter 的顺序并连接它不起作用:
However, If I changed order of withRouter and connect it doesn't work:
connect(mapStateToProps, mapDispatchToProps)(withRouter(App))
我有 console.log App.js 中的道具.它已经接收到位置和历史道具.我正在弄清楚为什么顺序很重要背后的理论?
I have console.log the props in App.js. It already receives location and history props. I am figuring out the theory behind why the order does matter ?
推荐答案
可以参考一下这个https://reacttraining.com/react-router/core/api/withRouter,它清楚地表明它不能反过来工作
Could you refer to this https://reacttraining.com/react-router/core/api/withRouter, it clearly says that it doesn't work the other way around
这篇关于connect 和 withRouter 问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:connect 和 withRouter 问题
基础教程推荐
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01