So zeigen Sie in ReactJS alle 5 Sekunden eine Nachricht an
P粉464208937
P粉464208937 2023-08-18 09:19:37
0
1
389
<p>Ich habe ein Array von Nachrichten und möchte jede Nachricht im Array in der Header-Komponente meiner React-Seite anzeigen. </p> <p>const array = ['a', 'b', 'c', 'd'];</p> <p>Ich möchte jede Nachricht in einem </p><p>-Tag anzeigen und benötige außerdem eine klare Timeout-Funktion, um zu verhindern, dass die Zeit nach jedem Klick schneller wird und nach 5 Sekunden auf „Nächste Nachricht“ umgeschaltet wird , bitte kann mir jemand helfen. </p>
P粉464208937
P粉464208937

Antworte allen(1)
P粉037450467

对于对数组的简单循环,你可以这样做:

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

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

要清除间隔,你可以这样做:

clearInterval(interval);

我不确定你想要在点击事件中做什么。请提供进一步的信息。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!