如使用:this.props.history、this.props.location、this.props.match等
1、引入
import {withRouter} from 'react-router-dom'
2、将export default类取消,改写成在最后
export default withRouter(类名);
代码示例:
import React,{Component} from 'react'
import {TabBar} from 'antd-mobile'
import PropTypes from 'prop-types'
import {withRouter} from 'react-router-dom'
const Item=TabBar.Item
class App extends Component{
static propTypes={
navList:PropTypes.array.isRequired
}
render()
{
const {navList}=this.props
const {pathname} = this.props.location
return(
<TabBar>
{
navList.map((nav, index) => (
<Item key={nav.path}
title={nav.text}
icon={{uri: require(`./imgs/${nav.icon}.png`)}}
selectedIcon={{uri: require(`./imgs/${nav.icon}-selected.png`)}}
selected={pathname===nav.path}
onPress={() => {
this.props.history.replace(nav.path)
}}
/>
))
}
</TabBar>
)
}
}
export default withRouter(App);