Consommer l’API REST WordPress depuis React

Par l’équipe UseStackPulse · Mis à jour le 26 août 2026 · 6 min de lecture

WordPress expose nativement une API REST sur /wp-json/wp/v2/. Voici comment récupérer vos articles proprement depuis une application React, sans plugin supplémentaire.

Récupérer les articles avec fetch

import { useEffect, useState } from 'react';

function ArticlesList() {
  const [posts, setPosts] = useState([]);

  useEffect(() => {
    fetch('https://monsite.com/wp-json/wp/v2/posts?_embed')
      .then((res) => res.json())
      .then((data) => setPosts(data));
  }, []);

  return (
    
      {posts.map((post) => (
        {post.title.rendered}
      ))}
    
  );
}

Activer CORS côté WordPress

add_action('rest_api_init', function () {
    header('Access-Control-Allow-Origin: https://monapp-react.com');
    header('Access-Control-Allow-Methods: GET');
});

Astuce : utilisez _embed dans l’URL pour récupérer l’image mise en avant et l’auteur en une seule requête, au lieu de multiplier les appels API.

Questions fréquentes

Faut-il un plugin pour activer l’API REST ?

Non, elle est activée par défaut depuis WordPress 4.7 sans installation supplémentaire.

Comment publier du contenu et pas seulement le lire ?

Il faut alors s’authentifier via Application Passwords ou JWT et envoyer des requêtes POST authentifiées.