Я пытаюсь использовать собственный React FlatList и, поскольку я новичок в этом, я сталкиваюсь с некоторыми трудностями. Я хочу получить данные из асинхронного хранилища и отобразить их на экране. Я успешно получил данные, и с помощью оповещения я уверен, что состояние инициализировано, но FlatList не отображает элементы / объекты на экране. Однако отображение только одного значения с использованием компонента Text также работает. Пожалуйста, помогите мне через это и направьте меня, где я делаю это неправильно. Вот мой код:
constructor(props) {
super(props)
this.state = {
data:[],
Parceltype: []
}
}
async componentDidMount() {
let myArray = await AsyncStorage.getItem('Packagevalues');
d = JSON.parse(myArray);
this.setState({ Parceltype: d });
alert(JSON.stringify(this.state.Parceltype));
}
render() {
return (
<View style={styles.Container}>
<Text>{this.state.Parceltype.len}</Text>
<FlatList data={this.state.Parceltype} renderItem={({ item }) =>
<Text>{item.len}</Text>
} />
</View>
);
}
}
Это предупреждающее сообщение о состоянии Parceltype, содержащее значения. Это текст, который содержит значение состояния Parceltype