如何在隐藏时使用react-spring为react中的div制作动画？

npm install react-spring

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

const AnimatedDiv = () => {
  const props = useSpring({
    opacity: 1,
    transform: 'translate3d(0, 0, 0)',
    from: { opacity: 0, transform: 'translate3d(0, -100px, 0)' },
  });

  return (
    <animated.div style={props}>
      // 这里是你要添加动画的内容
    </animated.div>
  );
};

const App = () => {
  return (
    <div>
      // 其他内容
      <AnimatedDiv />
    </div>
  );
};