/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

15 votes143 views8 answers
React bootstrap
Javascript React
-1 vote160 views1 answer
Component navigation without changin the url react router
Javascript React
1 vote123 views1 answer
Import library react js
Javascript React
-1 vote147 views1 answer
Use inline and other styles react native
Javascript React
8 votes155 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
1 vote147 views1 answer
Percentage width react native
Javascript React
0 vote151 views1 answer
How to install yup in react native
Javascript React
7 votes126 views2 answers
How to pass a component as a prop in react
Javascript React
36 votes123 views2 answers
How to install react router dom version 5
Javascript React
26 votes129 views5 answers
React image
Javascript React