Mengapa Tidak Keadaan Kemas Kini SetInterval React Saya Dengan Betul?

React State Hook and setInterval: Pandangan Lebih Dekat

Apabila menggunakan cangkuk keadaan React dalam setInterval, adalah penting untuk menangani kaveat biasa . Dalam sesetengah kes, keadaan mungkin tidak mengemas kini seperti yang dijangkakan melebihi pemaparan awal.

Memahami Isu

Inti masalah terletak pada penutupan yang ditangkap oleh setInterval. Fungsi panggil balik yang disediakan untuk setInterval mempunyai akses kepada nilai keadaan awal pada masa pemaparan. Walau bagaimanapun, render berikutnya tidak menggunakan useEffect(), meninggalkan fungsi panggil balik dengan nilai keadaan yang sudah lapuk. Ini menyebabkan masa kekal pada 0 dalam panggilan balik setInterval.

Penyelesaian: Manfaatkan Borang Panggilan Balik Negeri

Untuk menyelesaikan isu ini, gunakan bentuk keadaan kedua cangkuk, yang menerima panggilan balik. Panggilan balik ini menerima keadaan semasa sebagai hujah. Dengan memanfaatkan borang ini, anda boleh mengakses nilai keadaan terkini sebelum menambahkannya.

setTime(prevTime => prevTime + 1); // Corrected version

Cerapan Tambahan

Untuk penerokaan lanjut, blog berwawasan Dan Abramov post menawarkan pendekatan alternatif untuk menangani masalah ini. Kami amat mengesyorkan untuk mendalaminya untuk pemahaman yang lebih mendalam.

Atas ialah kandungan terperinci Mengapa Tidak Keadaan Kemas Kini SetInterval React Saya Dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!