Framer Motion 的 exit 动画为什么不生效？

我用 Framer Motion 做了个列表，想在删除项时加个淡出动画，但 exit 动画完全没反应。明明已经给组件加了 layout 和 animate，也用了 AnimatePresence 包裹，咋回事？

这是我的代码：

import { motion, AnimatePresence } from 'framer-motion';

function ItemList({ items }) {
  return (
    <AnimatePresence>
      {items.map(item => (
        <motion.div
          key={item.id}
          initial={{ opacity: 0 }}
          animate={{ opacity: 1 }}
          exit={{ opacity: 0 }}
          layout
        >
          {item.name}
        </motion.div>
      ))}
    </AnimatePresence>
  );
}