如何使用Hooks将Image Slider Javascript代码转换为reactjs

import React, { useState, useEffect } from 'react';

const ImageSlider = () => {
  const [currentIndex, setCurrentIndex] = useState(0);
  const images = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    // 添加更多图片路径
  ];

  useEffect(() => {
    // 更新图片显示
    // 可以在这里添加一些其他逻辑，比如自动轮播等
  }, [currentIndex]);

  const handlePrev = () => {
    setCurrentIndex(prevIndex => (prevIndex === 0 ? images.length - 1 : prevIndex - 1));
  };

  const handleNext = () => {
    setCurrentIndex(prevIndex => (prevIndex === images.length - 1 ? 0 : prevIndex + 1));
  };

  return (
    <div>
      <img src={images[currentIndex]} alt="Slider" />
      <button onClick={handlePrev}>Previous</button>
      <button onClick={handleNext}>Next</button>
    </div>
  );
};

export default ImageSlider;