/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

114 votes334 views3 answers
Run react app
Javascript React
0 vote315 views1 answer
React native elements bottom sheet close on back button press
Javascript React
3 votes317 views1 answer
React parameter value from query string
Javascript React
0 vote317 views1 answer
React event for modals
Javascript React
3 votes318 views1 answer
Pass element from child to parent react
Javascript React
0 vote315 views1 answer
Organize api calls react native folder
Javascript React
0 vote290 views1 answer
React-active link
Javascript React
0 vote296 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote303 views1 answer
React image source showing object module
Javascript React
0 vote290 views1 answer
React createElement interactive button
Javascript React