フロントエンドとバックエンドをreact.jsで接続する

React.js フロントエンドとバックエンドの接続

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

以上がフロントエンドとバックエンドをreact.jsで接続するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。