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

Question

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

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

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

)

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

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

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

React Native Loading data problem (Asynchronous)

asynchronous

render

react-native