Bloomer 下拉菜单未触发（反应）

Question

我安装了 bloomer 和 bulma。但是我已经导入了下拉列表。但是每当我单击下拉菜单时，它都不会显示。有人可以帮我吗？谢谢

这是代码： https://codesandbox.io/s/fancy-tree-9vvf6?file=/src/App.js:34-130

Answer 1

上有一个未解决的问题

这意味着你可以在开源中开始你的贡献并尝试解决它或者只使用这个解决方法：

import { useState } from "react";
import "./styles.css";
import {
  DropdownContent,
  Dropdown,
  DropdownItem,
  DropdownTrigger,
  Button,
  Icon,
  DropdownMenu
} from "bloomer";
import "bulma/css/bulma.min.css";

export default function App() {
  const [isActive, setIsActive] = useState(false);
  return (
    <div className="App">
      <Dropdown isActive={isActive}>
        <DropdownTrigger onClick={(prev) => setIsActive(!prev)}>
          <Button isOutlined aria-haspopup="true" aria-controls="dropdown-menu">
            <span>Dropdown button</span>
            <Icon icon="angle-down" isSize="small" />
          </Button>
        </DropdownTrigger>
        <DropdownMenu>
          <DropdownContent>
            <DropdownItem href="#">First item</DropdownItem>
            <DropdownItem href="#" isActive>
              Second item
            </DropdownItem>
            <DropdownItem href="#">Third item</DropdownItem>
          </DropdownContent>
        </DropdownMenu>
      </Dropdown>
    </div>
  );
}

https://codesandbox.io/s/runtime-morning-0utb9?file=/src/App.js

Bloomer 下拉菜单未触发（反应）

Bloomer Dropdown Menu not trigger (React)

reactjs

bulma