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

我用 Framer Motion 做了个列表，点击删除项时想加个淡出动画，但 exit 动画完全没反应。明明已经给父容器加了 layout 和 AnimatePresence，也确保 key 是唯一的，咋回事？

这是我的代码：

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

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