/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 vote267 views1 answer
Bootstrap icons react
Javascript React
1 vote296 views2 answers
React native modal
Javascript React
0 vote260 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
5 votes322 views1 answer
Redirect in netlify react
Javascript React
0 vote285 views1 answer
Install aos in react
Javascript React
5 votes285 views1 answer
React native text wrap
Javascript React
0 vote299 views1 answer
Text inside an image component react native
Javascript React
1 vote252 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
1 vote279 views6 answers
Tailwind css in react
Javascript React
97 votes280 views8 answers
Create react app
Javascript React