react 自己封装的组件获取不到history信息

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);
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值