React中一般组件中使用this.props.history的路由跳转出现的问题以及解决方法

TypeError:Cannot read property 'goBack' of undefined
或者TypeError:Cannot read property 'push' of undefined等

原因：在React中，一般组件没有history等方法，因为一般组件没有传值，props收到的是一个空对象，只有路由组件中才有

解决方法：使用withRouter，withRouter是专门解决一般组件中使用路由组件中的API的情况

1. 在一般组件中引入

   import {withRouter} from 'react-router-dom'
   

2. 使用 withRouter 暴露组件

   export default withRouter(Test)
   

说明：

• withRouter 可以加工一般组件，让一般组件具备路由组件所特有的API
• withRouter的返回值是一个新组件