JSON-Feed (WP-Feed) in die Native Feed-Feedseite analysieren

Question

Ich sehe kein Ergebnis in meinem Simulator, wenn ich den JSON-Feed (Wordpress JSON-Feed) auf meiner React Native-Feedseite analysiere.

---------- ---------- AppBody.js

import React, {Component} from 'react'; 
    import {Text, View, Image, StyleSheet, Dimensions} from 'react-native'; 
    import {Content, Container, Card, CardItem, Body} from 'native-base'; 

    import AppBodyData from './AppBodyData'; 

    export default class AppBody extends Component { 

     constructor() { 
     super() 
     this.state={ 
      data:[] 
     } 
     } 

     getData() { 

     return fetch('https://www.rayaccountants.co.uk/feed/json') 
       .then((response) => response.json()) 
       .then((responseJson) => { 
       this.setState({data: responseJson.items}); 
       }) 
       .catch((error) => { 
       console.error(error); 
       }); 
     } 

     componenetDidMount(){ 
     this.getData(); 
     } 

     render() { 
     return (
      <Container style={{ 
      marginTop: 100 
      }}> 
      <AppBodyData data={this.state.data}/> 
      </Container> 
     ); 
     } 
    } 

    module.export = AppBody; 

---------- AppBodyData.js --- -------

Folgendes ist, was ich auf meinem Simulator bekomme, fragt sich, was ich vielleicht übersehen hätte?

iOS Simulator Screenshot

Answer 1

Ändern Sie diese this.setState({data: responseJson.items}) zu this.setState({data: responseJson.items} ,() => console.log(this.state.data)) und Sie sollten in der Lage sein zu sehen, ob die Daten korrekt sind immer. Wenn es protokolliert, dann ist es nur ein Styling-Problem und Sie müssen möglicherweise nur Höhe/Breite hinzufügen, um sie auf dem Bildschirm gerendert zu sehen. Auch müssen Sie module.export nicht tun, wenn Sie bereits export default tun.