React开发之this.props为空不显示history等属性——已解决

问题描述：在组件中通过this.props.history控制路由的改变，结果this.props打印出来为空。

理想状态：

解决办法：导入withRouter，组件导出时使用withRouter包裹。

import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'

class Home extends Component {
  toAbout=()=>{
    console.log(this.props);
    this.props.history.push('/about')
  }
  render() {
    return (
      <div>
        主页
        <button onClick={this.toAbout}>跳转到关于</button>
      </div>
    )
  }
}
export default withRouter(Home)