我正在嘗試在 React / Typescript 中上傳檔案。
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() 有問題 -> 這是錯誤：
Property 'click' does not exist on type 'never'.
我需要在哪里設定型別？
太感謝了！！
uj5u.com熱心網友回復：
也許您可以將型別傳遞給useRef：
const inputFile = useRef<HTMLInputElement>(null);
uj5u.com熱心網友回復：
這是一個鏈接，解釋了為什么會出現錯誤。
您應該定義參考的元素型別。由于您使用input的是 .請在您的useRef. 像這樣const inputFile = useRef<HTMLInputElement>(null);。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/462534.html