如何在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.propsreturn(Youarenowat{location.pathname})}}constShowTheLocationWithRouter=withRouter(ShowTheLocation)=====================在实际应用的时候这段代码怎么用呢？withRouter是一个高阶组件？返回一个ShowTheLocationWithRouter函数？那这个函数怎么用到跳转呢？const{match,location,history}=this.props//这行是什么意思呢？使用history.push('/xxx')这样吗现在有一个button组件怎么在这个组件上添加事件进行路由跳转呢

Answer 1

//history.js
importcreateHistoryfrom'history/createBrowserHistory'
exportdefaultcreateHistory()
importhistoryfrom'history'
history.push(path)
                            

Answer 2

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