/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 vote379 views2 answers
How to not use relative imports in react js
Javascript React
0 vote391 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote388 views1 answer
React state as object
Javascript React
17 votes366 views5 answers
React native background image
Javascript React
8 votes430 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote337 views2 answers
Datepicker react native
Javascript React
0 vote422 views1 answer
Start withnreact
Javascript React
0 vote369 views1 answer
React native run real device
Javascript React
1 vote398 views1 answer
Spread operator react array
Javascript React
0 vote375 views1 answer
@testing-library/react-native switch
Javascript React