在单击项目时提交选中的Atlaskit下拉菜单(@Atlaskit/下拉菜单)菜单复选框

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升级/迁移到js库中更现代的css，目前我们正在内部完成决策过程。请随时关注此票证以了解状态更新：https://ecosystem.atlassian.net/browse/DS-6836