Comment utiliser la fonction `fetch()` dans React Native pour récupérer des messages de l'API REST de WordPress?

Question

J'utilise l'application create-react-app pour créer une application React Native qui afficherait une liste d'articles de WordPress. J'ai un problème pour récupérer les données de WordPress. Je pense que je ne comprends pas complètement comment fonctionne la fonction fetch(). C'est ce que j'ai en ce moment:

export default class Posts extends Component { 
    constructor() { 
    super(); 
    this.state = { 
     posts: [] 
    } 
    } 
componentDidMount() { 
    let dataURL = "http://localhost/wordpress/wp-json/wp/v2/posts"; 
    fetch(dataURL) 
     .then(response => response.json()) 
     .then(response => { 
     this.setState({ 
      posts: response 
     }) 
     }) 
    } 
render() { 
    let posts = this.state.posts.map((post, index) => { 
     return 
     <View key={index}> 
     <Text>Title: {post.title.rendered}</Text> 
     </View> 
    }); 
return (
     <View> 
     <Text>List Of Posts</Text> 
     <Text>{posts}</Text> 
     </View> 
    ) 
    } 
} 

C'est l'avertissement que je reçois:

Possible Unhandled Promise Rejection (id:0) TypeError: Network request failed

Merci d'avance pour toute aide :)

Answer 1

Je ne peux parler pour Android: Si vous exécutez l'émulateur localhost (127.0.0.1) se référera à ce que 10.0.2.2 se référera à votre localhost réel.

Donc, dans ce scénario, vous utiliseriez ceci: http://10.0.2.2:<port>/wordpress/wp-json/wp/v2/posts

Hope this helps