如何在ReactJS中每隔5秒顯示一則訊息
P粉464208937
P粉464208937 2023-08-18 09:19:37
0
1
473
<p>我有一個訊息數組,我想在我的React頁面的Header元件中顯示該數組中的每個訊息。 </p> <p>const array = ['a', 'b', 'c', 'd'];</p> <p>我想在一個</p><p>標籤中顯示每個訊息,同時我需要一個清除超時函數,以防止每次點擊後時間加快,並且它應該在5秒後切換到下一則訊息,請有人能幫幫我嗎。 </p>
P粉464208937
P粉464208937

全部回覆(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);

我不確定你想在點擊事件中做什麼。請提供進一步的資訊。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板