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

Question

比方说，我有一系列项目

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

我想做的是在屏幕上一次显示数组中的每一项，内容自动连续变化(有一定的时间间隔)。

所以 senario 首先显示福特，然后是保时捷(福特消失)和法拉利(保时捷消失)，然后回到福特。无限重复此序列直到用户关闭。

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

感谢任何帮助。谢谢

Answer 1

您可以保留状态或全局变量，例如 currentIndex = 0；函数会像这样

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

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