滚动 antD 组件 React 的下拉菜单

Question

如果数据长度超过 10，我正在寻找滚动，

<Dropdown overlay={menu}>
    <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>
      Hover me <DownOutlined />
    </a>
  </Dropdown>

https://codesandbox.io/s/agitated-star-m7rhf?file=/index.js

这是我试图实现滚动但不知道如何使其工作的地方..任何人都可以帮助我。

Answer 1

我认为你可以用 CSS 来做到这一点：

.ant-dropdown-menu {
    max-height: 250px;
    overflow: auto;
}

但这并不检查物品数量。如果您想检查项目数量，可以使用 styled-components 模块来执行此操作。