React

React ile Yerel JSON Dosyasından Veri Çekme

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 (
    
    {data.map(item => (
  • {item.name}
  • ))}
); }

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.

Leave a Reply

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Editörün Tavsiyeleri

Javascript

Dünyanın en popüler programlama dillerinden Javascript, modern web teknolojilerinin en gözdesi. Peki Javascript ile json dosyasından veri nasıl çekeriz? Siberdefter Eğitim kaldığı yerden devam...

Javascript

Günümüzde hemen hemen her şey REST API’ler, JSON dosyalar, NoSQL teknolojileri ile işliyor. Hatta durum öyle ki gündemimizi meşgul eden Koronavirüs (COVID-19) verileri hakkında...

Siberdefter © Tüm Hakları Saklıdır.

Exit mobile version