1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > antd的Tabs组件实现自定义路由

antd的Tabs组件实现自定义路由

时间:2021-04-15 06:08:32

相关推荐

antd的Tabs组件实现自定义路由

项目中使用到antd组件中的Tabs,每个Tab要点击实现不同的路由跳转和tab切换。出现每次切换都要点两次才能过去,然后测试发现每次activeTab都会滞后一个值显示。

解决方案代码大致如下:

onTabChanged = (key) => {this.setState({tabKey:key});this.props.history.replace({pathname:/my/url/ + key, state:{tabKey: key}});}render() {return (<Layout><Tabs activeKey={(this.props.location.state && this.props.location.state.tabKey) ? this.props.location.state.tabKey : firstTab} onChange={this.onTabChanged}><TabPane tab="First Tab" key="firstTab"><Route exact path="/my/url/firstTab" component={FirstComponent}/></TabPane><TabPane tab="Second Tab" key="secondTab"><Route exact path="/my/url/secondTab" component={SecondComponent}/&g

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。