如何为文件键入useState

Question

const [files, setFiles] = useState([])  
const filesHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
e.preventDefault()
setFiles(e.target.files)
}

输入：

<input
id="file" type="file"
multiple={true} 
onChange={e => filesHandler(e)}
/>

"FileList|null"类型的参数不可分配给"SetStateAction<从不[]>'。类型"null"不可分配给类型"SetStateAction<从不[]>'

Answer 1

如果您正在使用vscode，则已经在尝试说明多文件的类型

HERE类型的参数--->'FileList | null'不可分配给'SetStateAction<从不[]>'。类型"null"不可分配给类型"SetStateAction<从不[]>'。

const [files, setFiles] = React.useState<FileList | null>();