<p>Saya sedang belajar React, terutamanya belajar useEffect. </p> <p>Apa yang saya tidak faham ialah mengapa useEffect melangkau elemen terakhir tatasusunan. </p> <p>Bolehkah seseorang menerangkan sebab dan cara untuk membetulkannya? </p> <pre class="brush:php;toolbar:false;">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]]) }</pre> <p><br /></p>

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]`

}