首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将文件上传到type / Typescript ->属性“click”类型“never”上不存在

将文件上传到type / Typescript ->属性“click”类型“never”上不存在
EN

Stack Overflow用户
提问于 2022-04-13 08:47:38
回答 2查看 302关注 0票数 -1

我试图上传一个文件,在反应/打字记录。

代码语言:javascript
复制
const CSVImport = () => {
  const { isOpen, onOpen, onClose } = useDisclosure();
  const inputFile = useRef(null);

  const onButtonClick = () => {
    // `current` points to the mounted file input element
    inputFile.current && inputFile.current.click();
  };

  return (
    <>
      <Button onClick={onButtonClick}>import CSV</Button>
      <input
        type="file"
        id="file"
        ref={inputFile}
        style={{ display: "none" }}
      />
    </>
  );
};

问题是,inputFile.current.click() ->有问题--这是错误:

代码语言:javascript
复制
Property 'click' does not exist on type 'never'.

我需要在哪里设置类型?

太感谢你了!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-04-13 09:07:31

也许您可以将一个类型传递给useRef

代码语言:javascript
复制
const inputFile = useRef<HTMLInputElement>(null);
票数 1
EN

Stack Overflow用户

发布于 2022-04-13 09:17:54

这是一个link解释为什么会有一个错误。

您应该定义引用的元素类型。由于您使用的是HTMLInputElement,所以在useRef中传递useRef类型。就像这个const inputFile = useRef<HTMLInputElement>(null);

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71854540

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档