Axios trong react
Cài đặt axios với câu lệnh :
npm install axios
Ở đây mình dùng api demo như sau :
import {Suspense, useEffect, useState} from 'react'
import './App.css'
import axios from "axios";
const ListPost =()=>{
const [post,setPost] = useState([]);
if(post.length <1)
{
const data_fetch =new Promise(function (resolve,reject){
axios.get('https://dev.truyenvideo.com/api/getpost?id=12').then((res)=>{
setPost(res.data['data']);
return resolve(res.data['data']);
});
});
}
return(
<>
{post.map((item)=>{
return(
<li>{item.title}</li>
)
})}
</>
)
}
function App() {
let id = 12;
const [count, setCount] = useState(0)
// @ts-ignore
return (
<div className="App">
<Suspense fallback={<div>Loading</div>}>
<ListPost></ListPost>
</Suspense>
<h1>Vite + React</h1>
<div className="card">
<button onClick={() => setCount((count) => count + 1)}>
count is {count}
</button>
</div>
</div>
)
}
export default App