react-native - 带有加载屏幕的异步功能

Question

我正在像这样在构造函数中设置状态-这是用于显示“正在获取数据...”的文本：

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