antd Dropdown.button

antd是一个基于React的开源UI库，它由蚂蚁集团维护，提供了丰富的组件以帮助开发者构建高效、美观的应用界面。`Dropdown.Button`是antd中的下拉按钮组件，它结合了按钮功能和下拉菜单的功能，通常用于展示一些选项，当用户点击按钮时会弹出一个包含多种选择的列表。

`antd Dropdown.Button`的基本结构如下：

import { Dropdown, Button } from 'antd';

const { Menu } = Dropdown;

function App() {
  const onDropdownClick = (item) => {
    console.log('Selected:', item);
  };

  return (
    <Dropdown overlay={<Menu>{...}</Menu>} // 这里是你自定义的下拉菜单内容
      trigger={['click']} // 触发方式，常见的是click
      placement="bottomRight" // 下拉位置，默认值通常是'bottomLeft'
    >
      <Button type="primary">点击展开</Button> // 主要的按钮，显示文本
    </Dropdown>
  );
}

你可以设置不同的选项给`Menu`组件，并通过回调函数`onDropdownClick`来处理用户的选中操作。这个组件非常适合需要提供额外上下文菜单的场景，如导航菜单或工具栏中的快速操作。