javascript - react 如何自动在数组中一次显示一个元素

我有很多物品，比如

const item = ['ford','porche','ferrari']

我想做的是一次在屏幕上一次显示数组中的每个项目，内容自动连续更改（以一定的时间间隔）。

因此，senario首先显示为福特，然后是保时捷（福特消失）和法拉利（保时捷消失），然后又回到福特。无限重复此序列，直到用户关闭。

我知道应该使用setInterval开始，但不确定其余部分。

任何帮助表示赞赏。谢谢

最佳答案

您可以保留状态或全局变量，例如currentIndex = 0;
然后功能会像

() => {
setTimeout(() => {
  let index = currentIndex;

  if(currentItem = items.length -1){
    index = 0;
  }
  this.setState({
    currentItem = items[index]
  })
  currentIndex++;
})
}