Axios trong react

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