完成某些驗證后，如何移動到新頁面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> ) }}我想將用戶發送到另一條路線。我看過Redirect，但似乎它將從我不想要的歷史記錄中刪除當前頁面。
3 回答
jeck貓
TA貢獻1909條經驗 獲得超7個贊
您可以使用withRouter將history對象作為屬性注入的高階組件。然后，您可以history.push用來進行重定向：
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);
要進行重定向，您還可以<Redirect to="/someURL" />在某些情況下使用，但是必須渲染此組件，因此您必須在JSX中的某個位置使用它。
添加回答
舉報
0/150
提交
取消