React變量值不會改變

Question

我試圖做一些反應，我卡住了..我不知道爲什麼會發生這種情況，我無法解釋我自己。

let content = null; 
storage.ref().child(snapshot.val().content).getDownloadURL().then(url => content = url); // setting value 

console.log('content', content); // returns initial value, in my case, null. why? 

線19

https://pastebin.com/UkJyJihB

謝謝！

Answer 1

您的操作是異步的。這意味着'then'函數只有在getDownloadURL（）完成時纔會觸發。但是，當內容爲空時，console.log會立刻引發火災。所以，如果你想要做什麼內容，你應該這樣做內「那麼」回調：

let content = null; 
storage.ref().child(snapshot.val().content).getDownloadURL() 
.then(url => { 
    content = url; 
    console.log('content', content); 
});