/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

0 vote213 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
6 votes242 views2 answers
Export default function react
Javascript React
0 vote190 views1 answer
React native undedined map
Javascript React
1 vote190 views1 answer
Stop page refresh on button click react
Javascript React
0 vote191 views1 answer
Inline style to change background color react
Javascript React
1 vote194 views1 answer
Column width table react
Javascript React
0 vote202 views1 answer
A form label must be associated with a control react
Javascript React
0 vote234 views1 answer
Render object id in an array reactjs from database
Javascript React
4 votes193 views1 answer
How to creat emmet in react
Javascript React
16 votes145 views1 answer
How to insern an image in react
Javascript React