Автоматический слайдер с React useState и UseEffect

Question

Как мне заставить мою карусель скользить автоматически без использования стрелок влево и вправо. Левый и правый метод уже работает.

Это код, который у меня есть:

function Slider() {
  let Arry = [
    <img src="\img\slide1.jpg" />,
    <img src="\img\slide2.jpg" />,
    <img src="\img\slide3.jpg" />
  ];
  const [x, setX] = useState(0);
  useEffect(() => {
    setX === 0 ? -100 * Arry.lenght-- : Arry.lenght++;
    setTimeout(x, 2000);
  });
  const goLeft = () => {
    x === 0 ? setX(-100 * (Arry.length - 1)) : setX(x + 100);
    console.log(x);
  };
  const goRight = () => {
    x === -100 * (Arry.length - 1) ? setX(0) : setX(x - 100);
    console.log(x);
  };
}

Answer 1

вы можете использовать setInterval в своем эффекте при монтировании и изменить состояние в этой функции.