/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

5 votes186 views3 answers
React routes multiple compoenents
Javascript React
1 vote204 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote220 views1 answer
Reactnative print in ios
Javascript React
0 vote233 views1 answer
How to redirect to another page in react js on button click
Javascript React
-2 votes211 views1 answer
Multiple image upload react
Javascript React
0 vote214 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote282 views1 answer
No routes matched location / react router
Javascript React
1 vote215 views2 answers
React native choose simulator
Javascript React
0 vote257 views1 answer
Toggle function react js
Javascript React
6 votes214 views1 answer
React state management
Javascript React