如何在react-router4.2中使用js 路由跳转？

Question

1.页面有有个按钮，点击这个按钮跳转页面
官方文档说：使用withRouter解决
=====================importReactfrom'react'importPropTypesfrom'prop-types'import{withRouter}from'react-router'
classShowTheLocationextendsReact.Component{staticpropTypes={
match:PropTypes.object.isRequired,
location:PropTypes.object.isRequired,
history:PropTypes.object.isRequired
}
render(){
const{match,location,history}=this.props
return(
Youarenowat{location.pathname}
)
}}
constShowTheLocationWithRouter=withRouter(ShowTheLocation)
=====================在实际应用的时候这段代码怎么用呢？withRouter是一个高阶组件？返回一个ShowTheLocationWithRouter函数？那这个函数怎么用到跳转呢？
const{match,location,history}=this.props//这行是什么意思呢？
使用history.push('/xxx')这样吗
现在有一个button组件怎么在这个组件上添加事件进行路由跳转呢

Answer 1

拿到history后就可以用代码进行跳转了，ReactTraining/history:ManagesessionhistorywithJavaScript这是history的仓库，相关方法查看这个的文档

Answer 2

//history.jsimportcreateHistoryfrom'history/createBrowserHistory'exportdefaultcreateHistory()importhistoryfrom'history'history.push(path)