/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 vote273 views2 answers
React rating with fractions
Javascript React
1 vote258 views1 answer
React native blur view crashing on android
Javascript React
2 votes267 views4 answers
React-hook-form-input npm
Javascript React
2 votes295 views3 answers
Cdn react
Javascript React
0 vote266 views1 answer
How can we update time in react js
Javascript React
1 vote252 views1 answer
How to remove name in react navigation header
Javascript React
8 votes260 views4 answers
Get react version
Javascript React
105 votes266 views1 answer
React simbu2013
Javascript React
24 votes270 views5 answers
How to change port in react js
Javascript React
0 vote296 views1 answer
React buffer to image
Javascript React