Как вывести данные из AsyncStorage + state (TypeError: undefined is not a function (near '..._this.state.noteList.map...'))?

Question

[Rufix]

Привет. Вопрос в названии. Исходный код здесь, либо ниже: https://pastebin.com/0JnA6D5b

import React from "react";
import {
  StyleSheet,
  View,
  ScrollView,
  Button,
  Text,
  AsyncStorage
} from "react-native";
 
export default class Home extends React.Component {
  static navigationOptions = {
    title: "Название приложения"
  };
 
  constructor(props) {
    super(props);
    this.state = {
      date: "",
      noteList: []
    };
  }
 
  displayNoteList = () => {
    return this.state.noteList.map(note => {
      return (
        <View>
          <Text>{note.id}</Text>
        </View>
      )
    })
  }
 
componentDidMount() {
 
    AsyncStorage.getItem('noteList', (error, result) => {
      if (!error) {
        if (result !== null) {
          this.setState({ noteList: result })
        }
      }
    })
  }
 
render() {
    return (
        <View>
            { this.displayNoteList() }
        </View>
    );
  }
}

Answer 1

[real2210]

Так как AsyncStorage асинхронный,скорее всего ваш метод displayNoteList пытается отрендерить то чего нет note.id