我正在从 firebase 数据库获取一些数据 (foo)。目前,我只能使用我的函数 displayValue() 访问这些数据。尽管我不知道如何将此功能放入我的视频标签中。因为我需要先从 firebase 获取数据,所以函数需要位于 url={..} 之间,但我不知道如何执行此操作。
var foo;
firebase
.database()
.ref(`/topics/lec1`)
.once("value")
.then(function(snapshot) {
foo = snapshot.val();
displayValue(); // after getting value display in fucntion
});
function displayValue() {
//foo
//value foo from firebase
foo;
}
return(
<Video url={displayValue(..)} // foo value needs to show here after getting value
...
最佳答案
试试这个:
class YourComponent {
state = {
foo: null
};
componentDidMount() {
let foo;
firebase
.database()
.ref('/topics/lec1')
.once('value')
.then((snapshot) => {
foo = snapshot.val();
this.setState({ foo });
});
}
render() {
const { foo } = this.state;
if (!foo) return null;
return <Video url={foo} />
}
}
关于javascript - 访问引号内的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55473774/