/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

3 votes120 views1 answer
React router dynamic routes
Javascript React
0 vote175 views1 answer
React Redux component getById crud exemple
Javascript React
1 vote109 views3 answers
Antd react
Javascript React
0 vote145 views1 answer
Add active class to button onclick react
Javascript React
1 vote123 views1 answer
Percentage width react native
Javascript React
0 vote130 views2 answers
Hosting react on gh pages
Javascript React
2 votes80 views1 answer
Rn touchableopacity
Javascript React
38 votes138 views4 answers
Useref in react hooks
Javascript React
0 vote138 views1 answer
On close tab react native web
Javascript React
1 vote141 views1 answer
Get value of input element on button click react
Javascript React