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.
