/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

1 vote125 views1 answer
Spread operator react array
Javascript React
0 vote152 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
1 vote139 views1 answer
React-native link to play store
Javascript React
0 vote132 views1 answer
How to add base url as src in react native
Javascript React
2 votes124 views1 answer
React native navigation hide navbar
Javascript React
15 votes158 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
9 votes133 views1 answer
Create react app in current folder
Javascript React
2 votes80 views1 answer
Rn touchableopacity
Javascript React
1 vote135 views1 answer
Import react js video player
Javascript React
1 vote113 views1 answer
Ctx in react
Javascript React