Реагировать на проблему с собственной загрузкой данных (асинхронно)

Question

У меня проблема с отображением переменной 'html'. Я думаю, это потому, что попытка его отрисовать перед загрузкой заканчивается (ошибка говорит, что переменная 'html' не определена).

Есть ли модули или что-то еще? (например, индикатор загрузки)

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

)

Я рендерил вот так, но мне нужен фильтр для переменной 'html' перед рендерингом.

Answer 1

Вы можете просто использовать ActivityIndicator компонент из react-native для визуализации индикатора круговой загрузки, если ваш state не был установлен.

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