【问题】在使用React 库实现路由跳转时,出现了 cannot read property ‘push’ of undefined
【场景】左侧管理系统的菜单栏与右侧内容区域的联动。可以延伸到多种应用场景。
【解决方案】
1 使用withRouter
1.1 项目安装 react-router-dom
cnpm install react-router-dom --save-dev
1.2 引入高阶组件withRouter
在使用的组件中引用高阶组件 withRouter
import React from "react";
import {
withRouter } from "react-router-dom";
class Content extends React.Component {
handleOut() {
// 实现跳转到登录页面,其他类似
this.props.history.push("/login")