在React

在React,第1张

在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);


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4909068.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-12
下一篇 2022-11-12

发表评论

登录后才能评论

评论列表(0条)

保存