how to redirect a form to another page when we submitted a form in react js

Better Butterfly answered on September 30, 2021 Popularity 9/10 Helpfulness 4/10

answer how to redirect a form to another page when we submitted a form in react js

how to redirect a form to another page when we submitted a form in react js

Comments(1)

onSubmitHandler = (e) => {
    e.preventDefault();
    this.setState({
      showName: true
    });
    if(this.state.showName){
      // submitting the form conditionally with javascript
      document.getElementById("nameForm").submit();
    }
  }
  render() {
    return (
      <div>
        <form
          onSubmit={this.onSubmitHandler}
          id="nameForm"
          action="https://google.com"
          method="GET"
        >
          <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>
    );
  }

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript redirect when

Link to this answer
Share Copy Link

Contributed on Sep 30 2021

Better Butterfly

0 Answers Avg Quality 2/10

how to redirect a form to another page when we submitted a form in react js

Contents

More Related Answers

how to redirect a form to another page when we submitted a form in react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.