我想使用类型为file的输入上传json文件。当我在fileReder上使用onload方法时,Typescript显示错误-无法调用可能为'null'的对象。谢谢。
const UploadCharacter = () => {
const [data, setData] = useState<any>();
const handleUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.files) {
const fileReader = new FileReader();
fileReader.readAsText(e.target.files[0], 'UTF-8')
fileReader.onload((e) => { <-- Error: Cannot invoke an object which is possibly 'null'.
console.log(e.target.result)
})
}
}
return (
<div className={s.upload}>
<input
className={s.uploadInput}
type="file"
onChange={handleUpload}
/>
</div>
)
}
1条答案
按热度按时间v8wbuo2f1#
这应该行得通: