Comment afficher un message toutes les 5 secondes dans ReactJS
P粉464208937
P粉464208937 2023-08-18 09:19:37
0
1
478
<p>J'ai un tableau de messages et je souhaite afficher chaque message du tableau dans le composant En-tête de ma page React. </p> <p>tableau const = ['a', 'b', 'c', 'd'];</p> <p>Je souhaite afficher chaque message dans une balise </p><p> 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. </p>
P粉464208937
P粉464208937

répondre à tous(1)
P粉037450467

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.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal