带有加载屏幕的异步功能

Question

我在构造函数中像这样设置状态 - 这是针对显示 "Fetching data...":

的文本

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