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); 
});