Question

我遇到了onChange中的preact事件不起作用的问题。在react中，一切正常。 onInput也不起作用。

必须有效的哑代码示例（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'})
    }
}

Answer 1

这是在2天前发布的preact-compat 3.13.1中修复的：

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

preact：OnChange不适用于输入文件

1 个答案: