循环访问数组时，useTransition不会产生动画效果

import { useTransition, animated } from 'react-spring';

const MyComponent = ({ items }) => {
  const transitions = useTransition(items, {
    from: { opacity: 0 },
    enter: { opacity: 1 },
    leave: { opacity: 0 },
  });

  return (
    <div>
      {transitions((style, item) => (
        <animated.div style={style}>{item}</animated.div>
      ))}
    </div>
  );
};

const App = () => {
  const items = ['Item 1', 'Item 2', 'Item 3'];

  return <MyComponent items={items} />;
};