/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

15 votes377 views6 answers
Form in react
Javascript React
0 vote392 views1 answer
Camera roll react native
Javascript React
0 vote368 views1 answer
Libraries like html-react-parser
Javascript React
16 votes388 views4 answers
Uuid react
Javascript React
0 vote395 views1 answer
React hooks component re render when button press
Javascript React
-1 vote379 views1 answer
Timestamp to unix time react
Javascript React
0 vote381 views1 answer
React native jest snapshot
Javascript React
8 votes435 views3 answers
Icon shwoing a box react native vector icons
Javascript React
1 vote395 views5 answers
React state
Javascript React
0 vote411 views1 answer
React-native-checkbox in a loop
Javascript React