/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

2 votes173 views1 answer
Scoll to top on each route react
Javascript React
33 votes179 views2 answers
Routing in react
Javascript React
0 vote164 views1 answer
Create-react-app height issues with flex
Javascript React
3 votes171 views1 answer
React native duplicate resources: Android
Javascript React
0 vote156 views1 answer
Onpress not working with usestate react native
Javascript React
1 vote186 views2 answers
React beforeunload
Javascript React
0 vote156 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote155 views2 answers
React native setstate object
Javascript React
0 vote159 views1 answer
Upload image file in react native using rest api to website
Javascript React
4 votes151 views3 answers
Sleep in react
Javascript React