/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

2 votes310 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
2 votes302 views2 answers
Rtl support react native
Javascript React
0 vote310 views1 answer
React hooks simple projects
Javascript React
0 vote303 views1 answer
Relative width and height image react native
Javascript React
0 vote318 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote312 views1 answer
Get started with datagrid in react js
Javascript React
0 vote336 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote293 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote285 views1 answer
React native npm run start port
Javascript React
0 vote336 views1 answer
Reactjs add border to the table row
Javascript React