1.只有通过路由配置的组件才能通过props获取路由信息
2.如果是自定义的组件,没有通过路由配置,无法props获取路由信息
3.通过高阶组件 withRouter包裹普通组件,普通组件就可以通过props获取路由信息
//引入
import React, { Component } from 'react';
import { NavBar } from 'antd-mobile';
import {withRouter} from 'react-router-dom';
class TNavBar extends Component {
render() {
return (
<div>
<NavBar
mode="dark"
icon={<i className='iconfont icon-back'></i>}
onLeftClick={() => this.props.history.go(-1)}
>
{this.props.children}
</NavBar>
</div>
);
}
}
//在组件导出时,进行高阶组件的添加
export default withRouter(TNavBar);