引号内的访问功能

Question

我正在从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...

Answer 1

试试这个：

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} />

  }

}