Я использую @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