如何修复汉堡菜单动画？

Question

我已将汉堡菜单添加到我的网络应用程序（MERN 堆栈）中，用于屏幕尺寸低于 500 像素。

当我点击汉堡菜单时，两条线都应该动画成一个十字，这正在发生。但是，两个菜单行也保留在屏幕上。为什么会这样？

我正在使用成帧器运动来制作菜单动画。 GITHUB 存储库：https://github.com/sundaray/hamburger_menu

Answer 1

您的应用中有两个汉堡包组件。一种在 App.js 中，一种在 Header.js 中。