/Javascript/React/React reset file input

React reset file input

Clear input file html react

e.target.value = null;

Source: stackoverflow.com

How to reset ReactJS file input

<input onChange={this.onChange} onClick={e => (e.target.value = null)} type="file" />

Source: stackoverflow.com

React reset file input

functionThatResetsTheFileInput() {
  let randomString = Math.random().toString(36);

  this.setState({
    theInputKey: randomString
  });
}

render() {
  return(
    <div>
      <input type="file"
             key={this.state.theInputKey || '' } />
      <button onClick={this.functionThatResetsTheFileInput()} />
    </div>
  )
}

Source: stackoverflow.com

Similar codes

0 vote127 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote114 views2 answers
How to add fcc cdn to local react projcet
Javascript React
4 votes113 views6 answers
Location of release apk in react native
Javascript React
0 vote134 views1 answer
Pause console debugger in react
Javascript React
0 vote130 views1 answer
React map gl
Javascript React
0 vote123 views1 answer
Nextjs react native web typescript
Javascript React
0 vote124 views1 answer
Geocoding react
Javascript React
0 vote112 views1 answer
Why does my react project dosent have any class
Javascript React
2 votes118 views1 answer
Cursor to pointer in react
Javascript React
0 vote117 views1 answer
Reacts mos twanted
Javascript React