/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

13 votes258 views1 answer
ReactDOM is not defined
Javascript React
0 vote321 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
0 vote313 views1 answer
Added font to react native
Javascript React
4 votes329 views1 answer
Reactjs onclick open new page
Javascript React
0 vote315 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
0 vote324 views1 answer
React-data-table-component edit action
Javascript React
0 vote338 views1 answer
Moment all formats in reactjs
Javascript React
0 vote310 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote322 views3 answers
Django send and receive image data to react
Javascript React
24 votes344 views6 answers
Proptypes react
Javascript React