/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

-1 vote367 views3 answers
Instalar react native paper
Javascript React
0 vote317 views1 answer
Document is not defined react router
Javascript React
1 vote389 views4 answers
React router go rprevious page
Javascript React
-1 vote395 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote358 views1 answer
React js loop through array of objects
Javascript React
4 votes360 views1 answer
React js materilize
Javascript React
0 vote378 views1 answer
Autofocus is not working in react native
Javascript React
0 vote389 views1 answer
React native fetch response code
Javascript React
0 vote321 views1 answer
React native rebuild
Javascript React
131 votes632 views6 answers
Creating react app
Javascript React