---
# System prepended metadata

title: React axios get API

---

# React axios get API

* 首先要先下載 npm i axios
* 並import使用。

![](https://i.imgur.com/lVfSPJ3.png)

* 使用useState儲存get api的資料。
* 建立一個 function 並在裡面寫 get api 的邏輯。
* 使用 async 來讓確保get資料時，會等資料get到才顯示。
* 用axios來get api資料。
* 最後使用useEffect來讓畫面在一開始render時就執行取API的function。

![](https://i.imgur.com/56UBTEX.png)


* 使用map把資料取出。

![](https://i.imgur.com/T9qDctU.png)
