React Native 加载数据问题（异步）

【问题标题】：React Native Loading data problem (Asynchronous)React Native 加载数据问题（异步）
【发布时间】：2020-08-08 03:03:15
【问题描述】：

我在渲染变量“html”时遇到问题。我认为这是因为试图在加载结束之前渲染它（错误说变量 'html' 未定义）。

有什么模块什么的吗？（如加载指示器）

return (
<View style={styles.container}>
  <ScrollView style={styles.scrollview}>
    {lecture_render(get_all_list(html))}
  </ScrollView>
</View>

)

我是这样渲染的，但我想要在渲染之前对“html”变量进行一些过滤。

【问题讨论】：

标签： react-native asynchronous render

【解决方案1】：

如果您的state 尚未设置，您可以简单地使用react-native 中的ActivityIndicator 组件来呈现循环加载指示器。

import {ActivityIndicator} from 'react-native'

if (html=== "") {
  return (
    <View>
      <ActivityIndicator />
    </View>
  );
}

return (
  <View style={styles.container}>
    <ScrollView style={styles.scrollview}>
      {lecture_render(get_all_list(html))}
    </ScrollView>
  </View>
);

【讨论】：