React'ta Örneklerle Fetch ve Axios Kullanımı

Adı : React'ta Örneklerle Fetch ve Axios Kullanımı

React, web uygulamaları geliştirmek için oldukça popüler bir JavaScript kütüphanesidir. React, web uygulamaları için birçok işlev sağlayan birçok paket sunar. Fetch ve Axios gibi paketler, web uygulamaları için API'ler üzerinde veri alışverişinde bulunmak için kullanılır.

Bu yazıda, örneklerle Fetch ve Axios kullanımını açıklayacağım. Ayrıca, sık sorulan soruları da ele alacağım.

Fetch Kullanımı

Fetch, React'ta kullanılabilen standart bir JavaScript API'sidir. İşlevi, bir URL'ye bir istek gönderip, yanıtı almak ve istenen veriyi almak suretiyle çalışır. Fetch, modern tarayıcılarda desteklenir ve temel bir GET isteği göndermek için önerilir.

Örneğin, Facebook'un API'sinden kullanıcının adını ve e-posta adresini almak için Fetch kullanarak bir örnek oluşturalım.

```
import React, { useState, useEffect } from 'react';

function FetchingData() {
const [loading, setLoading] = useState(true);
const [user, setUser] = useState(null);

useEffect(() => {
async function fetchData() {
const response = await fetch('https://graph.facebook.com/me?access_token=[ACCESS_TOKEN]');
const data = await response.json();
setUser(data);
setLoading(false);
}
fetchData();