How to reset ReactJS file input

Important Impala answered on March 8, 2020 Popularity 9/10 Helpfulness 4/10

answer How to reset ReactJS file input

related clear input file html react

related react reset file input

How to reset ReactJS file input

Comment

<input onChange={this.onChange} onClick={e => (e.target.value = null)} type="file" />

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: file input javascript reactjs reset

Link to this answer
Share Copy Link

Contributed on Sep 30 2021

Important Impala

0 Answers Avg Quality 2/10

Closely Related Answers

clear input file html react

Comment

e.target.value = null;

Popularity 10/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: file

Link to this answer
Share Copy Link

Contributed on Mar 08 2020

Blue Beetle

0 Answers Avg Quality 2/10

react reset file input

Comment

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>
  )
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: file

Link to this answer
Share Copy Link

Contributed on Mar 10 2021

Frail Fox

0 Answers Avg Quality 2/10

How to reset ReactJS file input

Contents

More Related Answers

How to reset ReactJS file input

Closely Related Answers

clear input file html react

react reset file input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.