Question

我正在尝试使用React Typescript通过输入文件上传文件。

我在Component内有这段代码

<div className="col-6">
  <label htmlFor="">Logo</label>
  <input className='form-control-file' onChange={this.handleChange('imagen')} type="file"/>
</div>

方法onChange包含以下行代码：

public handleChange = (clave: string) => {
  return (e: React.FormEvent<HTMLInputElement>) => {
     e.preventDefault()
     if (clave === 'imagen') {
       alert(e.currentTarget.files) // Also tried e.target, but this is undefined
     }
   })
}

但这仅显示undefined。我正在寻找遇到相同问题的人，但我什么都没找到，这让我认为这应该是非常愚蠢的事情，但是我是Typescript的新手，所以找不到解决方法。

谢谢大家。

Answer 1

我最终只需添加

    public handleChange = (clave: string) => {
        return (e: any) => {
            e.persist();
            ...
        }
    }

这样，我就可以访问target键，也可以访问target.files。

event.currentTarget.files在React Typescript上不起作用

1 个答案: