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



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

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

蚂蚁设计有可能做到这一点吗?

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

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

最新更新