Bagaimana untuk menghantar objek json dari api web dalam javascript ke seluruh projek

Question

Saya sedang membuat planer berasaskan web React yang menyimpan peristiwa input pengguna dalam pelayan SQL yang diakses oleh api C# asp.net. Penyataan api dan fetch mengembalikan hasil yang saya jangkakan, tetapi saya bergelut untuk menghantar data yang diterima ke seluruh projek.

Ini ialah arahan fetch yang saya gunakan dan json ialah nilai akhir yang saya cuba gunakan (ia menyimpan butiran acara dalam hari, bulan, tahun, tajuk, format tag)

fetch(BaseUrl + '/api/eventreader/6', {
        method: 'GET',
        headers: {
            'Accept': 'application/json',
        },
    })
        .then(response => response.json())
        .then(json => {

            
        }

        )

Saya cuba menetapkan pembolehubah global dalam fail, menetapkannya sama dengan json, tetapi ia sentiasa muncul sebagai tidak ditentukan. Saya juga telah cuba menambah elemen pada tatasusunan tetapi tatasusunan juga mengatakan ia kosong. Ada idea?

Answer 1

Anda boleh menggunakan pembolehubah keadaan untuk menyimpan data. Contohnya:

const [data, setData] = useState(null);

useEffect(() => {
  fetch(BaseUrl + "/api/eventreader/6", {
    method: "GET",
    headers: {
      Accept: "application/json",
    },
  })
    .then((response) => response.json())
    .then((json) => {
      setData(json);
    });
}, []);

console.log(data);