Как создать кнопку разделения в Ant Design?

Question

Нам нужно реализовать кнопку разделения в интерфейсе Ant Design React. Он уже предоставляет компонент Button, который не поддерживает разбиение. Он также имеет раскрывающийся список, который может разделить кнопку, как показано в примере - https://codesandbox.io/s/cool-brahmagupta-us4kv

Проблема этой реализации заключается в том, что раскрывающийся список будет закрыт, если вы нажмете на него. Это нормально для меню, но нам нужно добавить более сложную форму. Он должен быть закрыт при щелчке вне выпадающего меню, но не при щелчке внутри.

Возможно ли это с помощью Ant Design?

Answer 1

Желаемое поведение лучше всего достигается с помощью Tooltip, с его помощью вы можете визуализировать любой пользовательский компонент.

По своему дизайну DropDown должен отображать Menu, а не пользовательский компонент, как вы сделали, так как он принимает тип Menu в соответствии с документами.