/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 vote358 views1 answer
How disabled react-select
Javascript React
1 vote348 views1 answer
Add sass autoprefixer to react
Javascript React
5 votes370 views4 answers
React native status bar
Javascript React
0 vote360 views1 answer
Flipper semantic issue react native
Javascript React
5 votes388 views1 answer
React style ternary operator
Javascript React
3 votes408 views2 answers
How to know the current route in react class component
Javascript React
0 vote332 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
13 votes368 views4 answers
React deep copy
Javascript React
0 vote369 views1 answer
React router not working with aws amplify
Javascript React
0 vote353 views1 answer
React Readonly rating
Javascript React