如何在 Ant Design 中创建拆分按钮？

【问题标题】：How to create a split button in Ant Design?如何在 Ant Design 中创建拆分按钮？
【发布时间】：2020-06-14 16:46:02
【问题描述】：

我们需要在 Ant Design React UI 中实现一个拆分按钮。它已经提供了不支持拆分的 Button 组件。它还具有可以拆分按钮的下拉菜单，如示例所示 - https://codesandbox.io/s/cool-brahmagupta-us4kv

这个实现的问题是，如果你点击它，下拉菜单会被关闭。这对于菜单来说是可以的，但我们需要在那里放置一个更复杂的表单。当您点击下拉菜单外部时它应该关闭，但当您点击内部时不会关闭。

Ant Design 可以做到这一点吗？

【问题讨论】：

标签： antd

【解决方案1】：

使用Tooltip 可以最好地实现所需的行为，使用它您可以呈现任何自定义组件。

按照设计，DropDown 应该呈现 Menu 而不是像您所做的那样的自定义组件，因为它根据文档接受 Menu 类型。

【讨论】：

Dennis，工具提示的问题是它应该分配给哪个组件。它应该通过单击拆分按钮的右侧来显示。问题是，在 Ant Design 中，除了 Dropdown 之外，本身没有拆分按钮。
拆分按钮为Button.Group。