/Javascript/React/Reset form input react

Reset form input react

Reset form in react

<!-- you just need a button type of reset -->
<form>
  <div>
   <label for="name">Name</label>
   <input type="text" id="name" placeholder="name" />
  </div>
  <div>
   <label for="password">Password</label>
   <input type="password" id="password" placeholder="password" />
  </div>
  <button type="reset">Reset</button> 
  <button>Submit</button>
</form>

Source: stackoverflow.com

Reset form input react

cancelCourse = () => { 
  document.getElementById("create-course-form").reset();
}

render() {
  return (
    <form id="create-course-form">
      <input />
      <input />
      ...
      <input />
    </form>
  );
}

Similar codes

0 vote141 views1 answer
React props change
Javascript React
0 vote137 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote128 views1 answer
React got error need to enable javascript
Javascript React
1 vote129 views1 answer
React check if string is mail
Javascript React
0 vote146 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote134 views1 answer
Option component in react js errors
Javascript React
0 vote97 views1 answer
ReactNative onPress doesn't exist
Javascript React
0 vote134 views2 answers
React useEffect prevent first time
Javascript React
0 vote152 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote140 views1 answer
React should write method in a functional component or outside functional component
Javascript React