Impossible de sélectionner les fichiers téléchargés pour le balisage dans React

Question

J'utilise React pour créer un téléchargement de fichier. Je souhaite que la variable d'état soit définie sur le fichier téléchargé (.docx ou .pdf) dès que le fichier est téléchargé. Mais lorsque setstate est appelé, il apparaît comme indéfini. const[selectedFile,setSelectedFile]=useState(null)consthandleImageUpload=(event:{target:{files:any[]}})=>{constfi

P粉523335026 · Answer

En effet, lorsque vous l'appelez ou le connectez à la console, votre statut n'a pas encore été mis à jour. Vous pouvez enregistrer votre statut dans un useEffecthook pour l'afficher une fois mis à jour. Voici un exemple :

useEffect(() => {
    console.log("文件 >> ", selectedFile);
  }, [selectedFile]);

P粉760675452 · Answer

Je pense que votre code fonctionne comme prévu, mais lorsque vous essayez de l'appeler, l'état n'a pas encore été mis à jour.

Selon la Documentation officielle de React :

set函数只会更新下一次渲染的状态变量。
如果在调用set函数之后读取状态变量，你仍然会得到在调用之前屏幕上的旧值。

Maintenant, c'est mon hypothèse, mais vous pouvez essayer d'ajouter ce code :

setSelectedFile(file)

setTimeout(() => {
    console.log(selectedFile); 
}, 5000);