React kütüphanesi tarafından desteklenen bir fetch
API’si vardır. Bunu kullanarak internet üzerindeki ya da yerel proje dizinindeki bir JSON dosyasından veri çekebilirsiniz/okuyabilirsiniz. Örnek kod aşağıdaki gibi olabilir:
import React, { useState, useEffect } from 'react'; function App() { const [data, setData] = useState([]); useEffect(() => { async function fetchData() { const response = await fetch('data.json'); const json = await response.json(); setData(json); } fetchData(); }, []); return ( <ul> {data.map(item => ( <li key={item.id}>{item.name}</li> ))} </ul> ); }
Bu kodda, fetch
API’si kullanarak data.json
dosyasından veri okunur ve setData
fonksiyonu ile state’e atılır. Daha sonra, useEffect
hook’u ile bu veri ekrana yazdırılır.
