SetState在承诺后返回旧价值

Question

我将图像文件保存到S3 Amazon Web服务，然后检索链接后。 当链接从s3返回作为字符串时，请尝试将其保存到状态。但是，如果我们在Console.log（EditedProduct）中对其进行测试，则每次返回以前的值时设置了Productuct，但我需要新的。

      const imageSave = async (file: File, fileName: string) => {
         await modalProductUpload(file).then((s3payload) => {
             setEditedProduct({ ...editedProduct, [fileName]: s3payload.Location })
             console.log(s3payload.Location);
         });
         setTimeout(() => {
            console.log(editedProduct);
         }, 6000)
     }

Answer 1

React将异步批量设置状态。您可以在useffect中获得更新的状态，并具有依赖性。

useEffect(() => { console.log(editedProduct); }, [editedProduct]);