在React中更改变量

Question

所以，我有一个React新手问题，就是要在React中更改变量。如何将此URL传递到组件的末尾？

const logo = () => {
var logoUrl;
var userId = fire.auth().currentUser.uid;

fire.database().ref('/clients/' + userId).once('value')
.then(function(snapshot) {

var companyID = (snapshot.val().companyID) || 'Anonymous';

fire.database().ref('/company/' + companyID).once('value').then(function(snapshot) {
  logoUrl = (snapshot.val().logo) || 'No Logo';
});

});

console.log(logoUrl);
return <img src={logoUrl} />
}

Answer 1

因此，您正在向Firebase发送异步API请求。

要在组件方法中使用using System; using System.DirectoryServices; using System.DirectoryServices.AccountManagement; ，首先必须将其保持在状态，一旦它的值从Firabase返回。

您的流量应为：

1. 触发API请求以获取徽标。
2. 返回响应后，应将其保持在组件状态。
3. 处于状态时，可以在组件中访问它。

请记住，从API提取徽标时，logoUrl的初始值为logoUrl（或您在构造函数中设置的任何值）。当它为null时，您可以显示一条加载消息。

类似的东西：

null