![](/img/trans.png)
[英]How do you make a submit button redirect to another page after the user has inputted the correct username and password?
[英]How do I redirect user to another page after submit the form?
我想在 React JavaScript 中提交表單后重定向用戶,例如,當用戶提交表單時,他/她將他/她重定向到google.com
或其他一些帶有他/她在輸入字段中輸入的信息的 URL。 我創建了一個簡單的歸檔和提交按鈕。
這是我的示例代碼
import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';
class App extends Component {
state = {
firstName: '',
showName: false
}
inputHandler = (e) => {
let updatedName = e.target.value;
this.setState({ firstName: updatedName });
//console.log(updatedName);
}
onSubmitHandler = (e) => {
e.preventDefault();
this.setState({
showName: true
});
}
render() {
return (
<div>
<form
onSubmit={this.onSubmitHandler}>
<label>Enter the Name</label>
<input type="text"
name="firstName" onChange={this.inputHandler} value=
{this.state.firstName} />
<button type="submit" onClick={this.onSubmitHandler}>Submit</button>
{this.state.showName && <p>"FirstName: " {this.state.firstName}</p>}
</form>
</div>
);
}
}
export default (App);
您可以使用 this.props.history.push 方法重定向。
onSubmitHandler = (e) => {
e.preventDefault();
this.props.history.push('/dashboard')
}
onSubmitHandler = (e) => {
e.preventDefault();
this.setState({
showName: true
});
window.location.href = "someurl/somepage?var1="+this.state.var1+"&var2="+this.state.var2 + "......";
}
Checking(event) {
event.preventDefault();
if (this.state.username === "" || this.state.password === "") {
alert("Fields are required");
return;
}
if (this.state.username == "subrata" && this.state.password === "1234") {
this.props.history.push('/adminpanel')
return;
}else{
alert("Login Failed ! . Check Username and Password.")
}
console.log(`${this.state.username}`)
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.