Mengapa useEffect mengabaikan elemen terakhir tatasusunan?

Question

Saya sedang belajar React, terutamanya belajar useEffect.

Apa yang saya tidak faham ialah mengapa useEffect melangkau elemen terakhir tatasusunan.

Bolehkah seseorang menerangkan sebab dan cara untuk membetulkannya?

biarkan pengguna = ['Oliver', 'Thomas', 'George', 'William']
eksport fungsi lalai App() {
  const [indeks, setIndex] = useState(0);
  console.log('RENDER');
  useEffect(() => {
    if (index === users.length - 1) {
      kembali
    }
    setTimeout(() => setIndex(index => indeks + 1), 2000)
    console.log('Hello ' + pengguna[indeks]);
    console.log('Kesan Sampingan BERJALAN!');
  }, [pengguna[indeks]])

}

Answer 1

Nilai useEffect不会运行，因为users[index] anda adalah sama

Tukar kepada index

let users = ['Oliver', 'Thomas', 'George', 'William']
export default function App() {
  const [index, setIndex] = useState(0);
  console.log('RENDER');
  useEffect(() => {
    if (index === users.length - 1) {
      return
    }
    setTimeout(() => setIndex(index => index + 1), 2000)
    console.log('Hello ' + users[index]);
    console.log('Side Effect RUNS!');
  }, [index]) // 更改为 `[index]`

}