MenuBar 中 menuItem 的 React Animation 不起作用

Question

我正在使用 react 和 typescript。
动画是使用 framer-motion 完成的。 按下按钮时，菜单栏打开。在menuItem中实现了frame-motion动画，但是menuItem没有移动。

我自己做的。
https://codesandbox.io/s/elastic-elion-lgpnh?file=/src/App.tsx

参考网站
https://codesandbox.io/s/framer-motion-side-menu-mx2rw?fontsize=14&module=%2Fsrc%2FExample.tsx

Answer 1

您需要在单击菜单按钮时通知孩子动画从打开变为关闭，反之亦然。

稍加修改，我就可以在菜单打开时错开菜单项。你可以查看codeandboxhere