Bagaimana untuk memaparkan mesej setiap 5 saat dalam ReactJS

Question

Saya mempunyai tatasusunan mesej dan saya mahu memaparkan setiap mesej dalam tatasusunan dalam komponen Pengepala halaman React saya.

tatasusunan const = ['a', 'b', 'c', 'd'];

Saya mahu memaparkan setiap mesej dalam teg

dan saya juga memerlukan fungsi tamat masa yang jelas untuk mengelakkan masa daripada dipercepatkan selepas setiap klik dan ia harus bertukar kepada selepas 5 saat Mesej seterusnya , tolong sesiapa boleh tolong saya.

Answer 1

Untuk gelung mudah pada tatasusunan, anda boleh melakukan ini:

const array = ['a', 'b', 'c', 'd'];

counter = 0;
const interval = setInterval(() => {
  console.log(array[counter % array.length]); //例如 "a", "b"
  //你可以对返回值做任何操作（将其放入a标签中）
  counter++;
}, 5000);

Untuk mengosongkan selang waktu, anda boleh melakukan ini:

clearInterval(interval);

Saya tidak pasti apa yang anda mahu lakukan dalam acara klik. Sila berikan maklumat lanjut.