Javascript 从顶部滑入的下拉导航

更新

我需要找到一种方法来执行这个转换处理程序ontransitionend，因为现在它不是

<nav 
  id='dropDown'
  aria-hidden={!open}
  ontransitionend = {() => {
    if (!open){
      style = {...style, marginTop: 0}  
    }
  }}
  style={style}
  {...props}
>
  {children}
</nav>

.App{
文本对齐：居中；
}
.应用程序徽标{
高度：40vmin；
指针事件：无；
}
@媒体（首选简化运动：无首选项）{
.应用程序徽标{
动画：应用程序徽标旋转无限20秒线性；
}
}
.应用程序标题{
背景色：#282c34；
最小高度：100vh；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
字体大小：calc（10px+2vmin）；
颜色：白色；
}
.应用程序链接{
颜色：#61dafb；
}
@关键帧应用程序徽标旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（360度）；
}
}
钮扣{
显示器：flex；
弯曲方向：立柱；
证明内容：周围的空间；
高度：2em；
背景：透明；
边界：无；
光标：指针；
填充：0；
保证金：自动30px自动；
}
跨度{
宽度：2em；
高度：0.25雷姆；
背景：#0D0C1D；
边界半径：10；
位置：相对位置；
}

---

我想出了一些办法，就是在这里，以防你在这里着陆并寻找答案。很抱歉，我没有在下面给出答案。