css Reactjs和Sass中的下拉菜单

pftdvrlh 于 2022-11-26 发布在 React

关注(0)|答案(1)|浏览(167)

我设计了一个带有关键帧和reactjs的下拉菜单。这个菜单就是我想要的enter link description here
但我不知道如何应用下拉动画，当一个项目菜单打开，客户端点击到另一个项目菜单。在我代码中，它会突然消失，没有任何动画。这是我的代码：enter link description here

css

来源：https://stackoverflow.com/questions/74563987/dropdown-menu-in-reactjs-and-sass

1条答案

按热度按时间

ikfrs5lh1#

产生这种行为的原因是，你的ul元素在打开另一个元素之后，会失去除collapse之外的所有类，要达到你预期的行为，你需要修改你的类添加条件，像这样：

<ul
  className={`collapse ${
  openedMenu === "menu" && open
    ? "show"
    : "hidden"
  }`}
>

将此条件粘贴到所有位置并尝试。Here is link to updated codesandbox with working example

赞(0）回复(0）举报 2022-11-26

我来回答

css Reactjs和Sass中的下拉菜单

1条答案

相关问题

热门标签

最新问答