Comment afficher un message toutes les 5 secondes dans ReactJS

Question

J'ai un tableau de messages et je souhaite afficher chaque message du tableau dans le composant En-tête de ma page React.

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

Je souhaite afficher chaque message dans une balise

et en même temps, j'ai besoin d'une fonction de délai d'attente claire pour empêcher le temps de s'accélérer après chaque clic et il devrait passer à après 5 secondes Message suivant, s'il vous plaît, quelqu'un peut-il m'aider.

Answer 1

Pour une simple boucle sur un tableau, vous pouvez faire ceci :

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

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

Pour effacer un intervalle, vous pouvez faire ceci :

clearInterval(interval);

Je ne suis pas sûr de ce que vous voulez faire lors de l'événement de clic. Veuillez fournir de plus amples informations.