如何修复汉堡菜单动画？

Question

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

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

我正在为菜单动画使用成帧器动作。 GITHUB 回购：https://github.com/sundaray/hamburger_menu

Answer 1

您的应用中有两个 Hamburger 组件。一个在App.js，一个在Header.js。