如何在 react 中实现此功能？

React 有许多前端库。通过使用这些，您可以轻松实现这一目标，我会推荐 Chakra UI，他们在他们的网站上有每一个很好的例子，试试吧。

要开始使用，请在此处运行或遵循他们的文档Chakra UInpm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

代码示例：-

<Menu>
<MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
  Index Button
 </MenuButton>
  <MenuList>
  {/* Menu Options */}
  <MenuItem>Download</MenuItem>
  <MenuItem>Create a Copy</MenuItem>
  <MenuItem>Mark as Draft</MenuItem>
   <MenuItem>Delete</MenuItem>
  <MenuItem>Attend a Workshop</MenuItem>
</MenuList>