Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 菜单栏中菜单项的React动画不起作用_Reactjs_Typescript_Framer Motion - Fatal编程技术网

Reactjs 菜单栏中菜单项的React动画不起作用

Reactjs 菜单栏中菜单项的React动画不起作用,reactjs,typescript,framer-motion,Reactjs,Typescript,Framer Motion,我正在使用react和typescript。 动画是使用帧运动完成的。 按下按钮时,菜单栏打开。帧运动动画在menuItem中实现,但menuItem不移动 我自己做的。 重构站点 单击菜单按钮时,您需要通知孩子动画从打开变为关闭,反之亦然 只需稍加修改,我就可以在菜单打开时交错菜单项。您可以检查codesandbox也注意到我在隐藏菜单之前添加了一个转换延迟。这是为了确保菜单项首先错开屏幕,变体动画不起作用吗?

我正在使用react和typescript。
动画是使用帧运动完成的。 按下按钮时,菜单栏打开。帧运动动画在menuItem中实现,但menuItem不移动

我自己做的。

重构站点

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


只需稍加修改,我就可以在菜单打开时交错菜单项。您可以检查codesandbox

也注意到我在隐藏菜单之前添加了一个
转换延迟
。这是为了确保菜单项首先错开屏幕,变体动画不起作用吗?