/Javascript/React/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

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

Source: stackoverflow.com

Similar codes

0 vote374 views1 answer
How to install yup in react native
Javascript React
0 vote367 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
0 vote357 views1 answer
Webpack react proxy not working
Javascript React
0 vote364 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote339 views2 answers
How to add fcc cdn to local react projcet
Javascript React
1 vote359 views1 answer
React native rename package name
Javascript React
0 vote397 views1 answer
Pass text to button component react
Javascript React
2 votes362 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote377 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote399 views1 answer
React native swipe screen
Javascript React