完成某些驗(yàn)證后，如何移動(dòng)到新頁(yè)面React Router V4？我有這樣的事情：export class WelcomeForm extends Component { handleSubmit = (e) => { e.preventDefault() if(this.validateForm()) // send to '/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> ) }}我想將用戶發(fā)送到另一條路線。我看過(guò)Redirect，但似乎它將從我不想要的歷史記錄中刪除當(dāng)前頁(yè)面。
3 回答
jeck貓
TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊
您可以使用withRouter將history對(duì)象作為屬性注入的高階組件。然后，您可以history.push用來(lái)進(jìn)行重定向：
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);
要進(jìn)行重定向，您還可以<Redirect to="/someURL" />在某些情況下使用，但是必須渲染此組件，因此您必須在JSX中的某個(gè)位置使用它。
添加回答
舉報(bào)
0/150
提交
取消