小编sin*_*led的帖子

我正在创建一个滑块，当我按下上一个或下一个按钮时，图像应该以过渡效果进入。问题是过渡仅在页面首次加载时起作用，而在第一次渲染后不起作用。我需要在每次单击时进行转换，并将转换应用于部分元素类。如果有人知道解决方案请帮助我。

const SlideShowTop = (props) => {
  const [selectedIndex, setSelectedIndex] = useState(0);

  const previous = () => {
    if (selectedIndex !== 0) {
      setSelectedIndex((index) => index - 1);
    }
    if (selectedIndex === 0) {
      setSelectedIndex(props.slides.length - 1);
    }
  };

  const next = () => {
    if (selectedIndex !== props.slides.length - 1) {
      setSelectedIndex((index) => index + 1);
    }
    if (selectedIndex === props.slides.length - 1) {
      setSelectedIndex(0);
    }
  };

  const filteredSlide = props.slides.filter((data) => {
    return data.index === selectedIndex;
  });

  const …