栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在React

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在React

您正在使用react-router v4,因此您需要在组件中使用withRouter来访问历史对象的属性,然后使用它

history.push
来动态更改路由。

withRouter :

您可以通过withRouter高阶组件访问历史对象的属性和最接近的匹配项。每当路线更改时,withRouter都会使用与渲染道具相同的道具({匹配,位置,历史})来重新渲染其组件。

像这样:

import {withRouter} from 'react-router-dom';class WelcomeForm extends Component {    handleSubmit = (e) => {        e.preventDefault()        if(this.validateForm()) this.props.history.push("/life");    }    render() {        return ( <form className="WelcomeForm" onSubmit={this.handleSubmit}>     <input className="minutes" type="number" value={this.state.minutes} onChange={ (e) => this.handleChanges(e, "minutes")}/> </form>        )    }}export default withRouter(WelcomeForm);


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/371995.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号