标签：Head withRouter React Hook push https 组件 Router history

发现原因：这个错误是在引用前同事导航组件时产生的

错误描述：在使用组件时发现路由url已经改变但页面未跳转

参考资料：

https://blog.csdn.net/hsany330/article/details/106196896

https://majing.io/posts/10000050881248

解决方案：

//header.js 组件
//withRouter组件将注入history对象作为该组件的属性。这样，不需要处理context，可直接访问push和replace方法。
import { withRouter } from 'react-router-dom'

const Head = withRouter(({ history, container, setContainer, items}) => {
    // ...
    //引用history
    <Menu>
             <Menu.Item
              onClick={() => {
                history.push('/')
              }}
            >
              首页
             </Menu.Item>
    </Menu>
}

export default Head

标签：Head,withRouter,React,Hook,push,https,组件,Router,history
来源： https://www.cnblogs.com/ylsq/p/14078767.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。