具有加载屏幕的异步功能

Question

我在构造函数中设置状态是这样的 - 这是用于说＆＃34;获取数据的文本...＆＃34;：

this.state = {
      loading: true
    }

然后我有一个像这样的异步函数，它将获得一些数据。

componentDidMount() {
    this.fetchData().done()
  }

  async fetchData() {
    const response = await fetch(URL)
    const json = await response.json()
    const stars = json.stargazers_count
    this.setState({ stars })
  }

我怎么知道何时可以将isLoading状态设置为false并隐藏加载文本并显示数据？我好像在这里错过了一些东西！

由于 约旦

Answer 1

当您在州内插入stars时，您还可以将isLoading设为false

this.setState({ stars, isLoading: false });