Base de données (MySQL) et ReactJS ?

[randa]

Bonjour,

Je suis débutante en ReactJS et j’aimerai savoir SVP comment je peux récupérer les données de la base de données MySQL et les afficher en utilisant ReactJS comme le front-end ?

Merci d’avance

[kneelnrise]

Bonjour,

Je ne suis pas spécialiste React, donc une solution plus adaptée à ce framework existe peut-être.

Je suppose que ta base de données est côté serveur. Dans ce cas, il suffit simplement de créer une API HTTP qui va lire les données de ta base, les transformer en JSON (ou XML) et les renvoyer au client.

Comme toute requête HTTP classique, sauf que le retour est du JSON au lieu du HTML :

Puis dans ton JS, tu vas créer une requête AJAX pour récupérer tes données :

const xhr = new XMLHttpRequest();
xhr.open("/mon/api/http");
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    const data = JSON.parse(xhr.responseText);
    afficherData(data);
  }
}
xhr.send();

Après une recherche rapide, je pense que ça pourrait t’aider :

React.Component – React

Bonne journée,
Gaëtan