preact: OnChange doesn't work with input files

Question

I've encountered with a problem that onChange event in preact doesn't work. In react everything works fine though. onInput doesn't work either.

Example of dumb code that must work (preact + typescript)

export class Download extends React.Component<DownloadProps, {}> {
  constructor(props: DownloadProps) {
    super(props);
    this.state = {
      imgSrc: ''
    };
  }

  public componentDidUpdate() {
    console.log('did2')
  }
    public render() {
      console.log('render', this.state);
      return <div className={s.root}>
        <input className='fileInput' type='file' onChange={() => { this.handleImageChange() }}  />
        <div className={s.comment}>Upload</div>
      </div>;
    }

  private handleImageChange() {
      this.setState({imgSrc: '30'})
    }
}

i dont know about typescript, but as i saw this code: blog.wolksoftware.com/working-with-react-and-typescript, i think instead of function keyword use public — Mayank Shukla
– Mayank Shukla, Commented Feb 3, 2017 at 10:04
@MayankShukla, handleImageChange isn't part of a Download class. I can use private handleImageChange and put it in the class but it's not a solution — mailman_73
– mailman_73, Commented Feb 3, 2017 at 10:06
i think u forgot to write this, try this: this.handleImageChange.bind(this) — Mayank Shukla
– Mayank Shukla, Commented Feb 3, 2017 at 10:07

Jason Miller · Accepted Answer · 2017-02-03 15:49:44Z

1

This was fixed in preact-compat 3.13.1, released 2 days ago:

https://github.com/developit/preact-compat/releases/tag/3.13.1

answered Feb 3, 2017 at 15:49

Jason Miller

2,3141 gold badge16 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

preact: OnChange doesn't work with input files

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related