我正在使用@atlaskit/dropdown-menuhttps://atlaskit.atlassian.com/packages/core/dropdown-menu)。我想点击Item提交一个小表格,我需要提交DropdownItemCheckbox的值。

这是呈现所需组件的代码:https://codesandbox.io/s/py8qoo64mq

import React from "react";
import Dropdown, {
  DropdownItemCheckbox,
  DropdownItemGroupCheckbox,
  DropdownItem
} from "@atlaskit/dropdown-menu";

export default () => (
  <Dropdown defaultOpen triggerType="button" trigger="Drop menu">
    <DropdownItemGroupCheckbox id="languages2" title="Languages">
      <DropdownItemCheckbox defaultSelected id="js-check">
        JavaScript
      </DropdownItemCheckbox>
      <DropdownItemCheckbox id="java">Java</DropdownItemCheckbox>
      <DropdownItemCheckbox defaultSelected id="ruby">
        Ruby
      </DropdownItemCheckbox>
    </DropdownItemGroupCheckbox>
    <DropdownItem>Submit</DropdownItem>
  </Dropdown>
);


我不想使用Select,因为我想使用自定义按钮触发下拉列表,并使用DropdownMenu的分层优势

最佳答案

我遇到了同样的问题,经过大量研究,我发现该问题是由样式化组件软件包引起的,但是如果版本
在我提出问题后,Atlassian向我发送了以下答复,我认为它将回答您的问题。


  Atlaskit并不正式支持样式组件v4及更高版本。当前,我们要求我们的使用者根据对等方依赖性使用SC v3.2.6。但是,最近正在进行一些工作,将Atlaskit升级/迁移到更现代的css-in-js库,并且我们目前正在内部进行决策过程。
  请随时关注此票证以获取状态更新:https://ecosystem.atlassian.net/browse/DS-6836

关于javascript - 在项目单击上提交选中的Atlaskit下拉菜单(@ atlaskit/dropdown-menu)菜单复选框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53113561/

10-11 13:12