Ini adalah bagian dari proyek saya di mana saya telah mencoba memuat data dari Penyimpanan lokal saya dan memuat data dari jsonplaceholder (ini demi pertanyaan saya, ini bukan bagian dari proyek utama saya):

//load data from local storage and API without using useEffect
  const savedCart = getDatabaseCart();
    console.log(savedCart);
    fetch("https://jsonplaceholder.typicode.com/users")
      .then((res) => res.json())
      .then((data) => console.log(data));

//load data from local storage and API using useEffect
  useEffect(() => {
    const savedCart = getDatabaseCart();
    console.log(savedCart);
    fetch("https://jsonplaceholder.typicode.com/users")
      .then((res) => res.json())
      .then((data) => console.log(data));
  }, []);

Dan hasilnya ada di sini: hasil pertama muncul ketika saya tidak menerapkan useEffect, hasil kedua muncul ketika saya menerapkan useEffect----> ini hasilnya tanpa menggunakan useEffect

Kenapa ini terjadi???

1
Fuad9 2 September 2020, 12:05

1 menjawab

Jawaban Terbaik

Kemungkinan besar ini disebabkan oleh rerender (status diperbarui di tempat lain). Kait useEffect dengan parameter kedua kosong menyebabkan pawang hanya berjalan sekali. Berikut informasi lebih lanjut: css-tricks.com/run-useeffect-only-once

0
Redseb 2 September 2020, 09:16