React中的下拉菜单未显示

Question

我正在尝试在卡片元素中创建一个简单的下拉菜单，但是在使菜单实际显示时遇到了问题。我在Chrome上对其进行了检查，并显示菜单存在，但无法在屏幕上显示它。

<input type='file' placeholder="Upload Logo">

这是我正在制作的卡片的屏幕截图（带有类名内容的div是图片中显示的全部）。 Reactjs dropdown menu

Answer 1

我们需要像这样强制覆盖一个css类：

.ui.dropdown .visible.menu {
  display: inline-block !important;
}

Answer 2

问题在于.menu尽管出现在检查器中，但设置为display: none。

这是我禁用该物业。

这是按预期显示的菜单：

这是一个粗略的修复程序，表明它是一个display问题：CodeSandbox Demo。