Question

我正在使用@atlaskit/dropdown-menu（https://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的分层优势

Answer 1

我遇到了同样的问题，经过大量研究，我发现该问题是由样式化组件软件包引起的，但是如果版本为<= 3.5.0-0，则可以解决此问题。因此，我的解决方案是将样式化组件包降级为3.5.0-0。这不能解释为什么它不起作用，因为它们只是样式。但是现在这是一种解决方法。

提出问题后，Atlassian向我发送了以下答复，我认为它将回答您的问题。

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

在项目单击上提交选中的Atlaskit下拉菜单（@ atlaskit / dropdown-menu）菜单复选框

1 个答案: