Axios client side çağrılarının yapılmasını sağlayan javascript kütüphanesidir. npm paketi üzerinden projelerinizde kullanabilirsiniz.
Axios kütüphanesini öncelikle kurmanız gerekmektedir.
npm install --save axios
komutu ile kurabilirsiniz. yarn kullanarakta yüklüyebilirsiniz
yarn add axios
Axios un amacı http ile veri çekilmesini sağlamaktır.
import axios from “axios”;
yazarak sayfanızda import ederek çalıştırabilirsiniz.
axios.get("site-adresi")
bunu didmount ile kullanalım.
componentDidMount(){axios.get("site-adresi")}
İşlem bittiğinde aldığımız cevabı response olarak yazdırmak istersek.
componentDidMount(){axios.get("site-adresi").then((response) => {console.log(response);})}
Sonuçları consoldan görebilirsiniz. Json sayfayı yazınız.
Çalışma Sırası:
Uygulama Başlar
Root Component ekrana çıkar. (Render)
App sonrasında kendisini ve diğer bileşenleri render yapar.
axios fonksiyonu ekrana render edildikten sonra componentDidMount http isteğini gönderir.
Bütün işlemler biter.
Http isteği sonuç verir.