You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React TypeScript中文件上传事件的类型是什么?如何替换any类型?

如何为文件上传的change事件添加正确的TypeScript类型标注?

直接把any换成React.ChangeEvent<HTMLInputElement>即可,这是React中文件上传input对应的标准事件类型:

const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
  setCollect({
    ...collect,
    [e.target.name]: e.target.files[0],
  });
};

这个类型会自动帮你完成正确的属性推断:

  • e.target.name会被识别为字符串类型
  • e.target.files是FileList类型,files[0]对应单个File对象

另外建议你把collect对象中对应字段的类型设置为File | undefined,这样能保证类型完全匹配,避免后续出现类型不兼容的问题。

内容的提问来源于stack exchange,提问作者FTDs

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 04:30:54