React 在非路由组件中实现编程式路由跳转

import React from 'react';
//withRouter可以加工一般组件,让一般组件具备路由组件所特有的API
//withRouter的返回值是一个新组件
import { withRouter } from 'react-router';

class Header extends React.Component {
  back = () => {
    this.props.history.goBack()
  }
  render() {
    return (
      <div className="page-header">
        <h2>React Router Demo</h2>
        <button onClick={this.back}>回退</button>
      </div>
    )
  }
}
export default withRouter(Header)


上一篇:前端路由(七)-编程式导航——通过js方法实现路由跳转 & 获取编程式导航传递的参数-props.location.state & 如果组件不是路由组件-必须使用withRouter包裹原始的组件


下一篇:【转】Centos 7 修改主机名hostname