我正在使用React创建文件上传。我希望在文件上传后立即将状态变量设置为已上传的文件（.docx或.pdf）。但是当调用set state时，它显示为undefined。
2
874const [selectedFile, setSelectedFile] = useState(null)
<Input type="file" onChange={handleImageUpload} accept={config.type}/>
const handleImageUpload = (event: { target: { files: any[] } }) => {
const file = event.target.files[0]
if (file) {
if (file.size > config?.fileSize) {
setErrorMessage(config.fileSizeError)
} else if (file?.name.endsWith(config.type)) {
setSelectedFile(file)
} else {
reader.readAsDataURL(file)
}
}
}
一旦发生setSelectedFile(file)，它显示selectedFile为undefined。这是发生的特定原因吗？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
这是因为当您在控制台中调用或记录它时，您的状态尚未更新。您可以在
useEffect钩子中记录您的状态，以便在更新时查看它。以下是一个示例：useEffect(() => { console.log("文件 >> ", selectedFile); }, [selectedFile]);我认为你的代码按预期工作，但是当你尝试调用它时，状态还没有被更新。
根据React官方文档：
现在，这是我的猜测，但你可以尝试添加这段代码：
setSelectedFile(file) setTimeout(() => { console.log(selectedFile); }, 5000);