react setInterval轮播state值没变化

这个问题可能是由于React的异步更新状态机制引起的。当你使用`setInterval`更新state时，React可能会在下一次渲染之前合并多个更新，导致你看不到期望的结果。

为了解决这个问题，你可以使用React的`useRef`钩子来保存一个变量，它将不会触发组件的重新渲染。在`setInterval`的回调函数中，你可以使用`useRef`来更新这个变量，然后手动调用`setState`方法来更新state。

以下是可能的解决方案：

import React, { useState, useEffect, useRef } from "react";

function MyComponent() {
  const [index, setIndex] = useState(0);
  const indexRef = useRef(index);

  useEffect(() => {
    const interval = setInterval(() => {
      indexRef.current = (indexRef.current + 1) % 3;
      setIndex(indexRef.current);
    }, 1000);
    return () => clearInterval(interval);
  }, []);

  return <div>{index}</div>;
}

在上面的示例中，我们使用`useRef`来创建一个名为`indexRef`的变量，它的初始值等于`index`的初始值。在`setInterval`的回调函数中，我们更新`indexRef.current`的值，并手动调用`setIndex`来更新state。这样可以确保我们始终更新最新的值，并避免由于异步更新状态机制导致的问题。