So zeigen Sie in ReactJS alle 5 Sekunden eine Nachricht an

Question

Ich habe ein Array von Nachrichten und möchte jede Nachricht im Array in der Header-Komponente meiner React-Seite anzeigen.

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

Ich möchte jede Nachricht in einem

-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.

Answer 1

对于对数组的简单循环，你可以这样做：

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

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

要清除间隔，你可以这样做：

clearInterval(interval);

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