Maison > interface Web > js tutoriel > Connexion du frontend et du backend dans React.js

Connexion du frontend et du backend dans React.js

Mary-Kate Olsen
Libérer: 2025-01-05 22:12:43
original
339 Les gens l'ont consulté

Connecting frontend And Backend In react.js

Connexion du frontend React.js au backend

create a fresh folder
run the command in the folder directory:-
npm create vite@latest
cd to the given project-name
and run npm install
Copier après la connexion
import { useState ,useEffect } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'
import axios from 'axios'
function App() {
   const [data,setData]=useState({});

   useEffect(()=>{
     const fetchData=async ()=>{
        const result=await axios.get("https://jsonplaceholder.typicode.com/posts/1");
        setData(result.data);
     }

     fetchData()
   },[])

   return <div>
     {data ? JSON.stringify(data) : "Loading..."}
   </div>
}

export default App

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal