Clear input file html react

e.target.value = null;

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

4 votes270 views2 answers
Strong tag html
Html
0 vote227 views2 answers
Javascript clear table body
Html
0 vote195 views1 answer
Ruby and rails html show date year
Html
0 vote210 views1 answer
When i add img on html then it just show me the image icon not image solution
Html
3 votes198 views1 answer
Gradient on top of image css
Html
0 vote199 views1 answer
Nuxt for background color
Html
1 vote199 views1 answer
Html to markdown table
Html
10 votes173 views3 answers
How to create a video link in html
Html
0 vote183 views1 answer
HOW TO SHOW A ERROR MESSAGE TO USERS IN HTML ON WEBSITE
Html
25 votes233 views6 answers
Responsive navbar bootstrap 4
Html