Рендеринг данных JSON в реагировать нативно

Question

В настоящее время я использую свой API для рендеринга всех сообщений в JSON, чтобы реагировать на нативные.Но я продолжаю получать эту неопределенную ошибку.И иногда данные просто не отображаются.Кто-нибудь может мне помочь с рендерингом этих данных на реагировать родным?И объясните мне, что я делаю не так?Я довольно новый с JSON.Спасибо:)

Вот мой JSON:

{"data":[{"id":"1","type":"posts","links":{"self":"https://example.com/posts/1"},"attributes":{"title":"Laughter Post","context":{}},"relationships":{"user":{"links":{"self":"https://example.com/posts/1/relationships/user","related":"https://example.com/posts/1/user"}}}}]}

А вот мой реагирующий нативный код:

import React, { Component } from "react";
import { FlatList, StyleSheet, Text, View } from "react-native";

export default class App extends Component {
state = {
data: []
};

componentWillMount() {
this.fetchData();
}

fetchData = async () => {
const response = await fetch("https://example.com/posts.json");
const json = await response.json();
this.setState({ data: json.data });
};

render() {
  return (
    <View style={styles.container}>
     <FlatList
      data={this.state.data}
      keyExtractor={item => item.toString()}
      renderItem={({ item }) =>
        <Text>
          {`${item.title}`}
        </Text>}
       />
    </View>
   );
  }
 }

 const styles = StyleSheet.create({
 container: {
 marginTop: 15,
 flex: 1,
 justifyContent: "center",
 alignItems: "center",
 backgroundColor: "#F5FCFF"
 }
 });

Answer 1

Кажется, вы обращаетесь к title напрямую из корня, но он находится внутри ключа attributes

Это должно быть

{`${item. attributes.title}`}

Или, если вы можете сообщить намточная ошибка, мы можем помочь вам больше в этом вопросе.