Connecting frontend And Backend In react.js

Connecting React.js Frontend to 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

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

The above is the detailed content of Connecting frontend And Backend In react.js. For more information, please follow other related articles on the PHP Chinese website!