这个问题可以通过给DropdownMenu组件添加一个属性来解决。
下面是示例代码:
import React from 'react'; import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu'; import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(theme => ({ dropdownMenu: { '& > div': { top: 'unset !important', bottom: 0, }, } }));
function MyDropdownMenu(props) { const classes = useStyles();
return (
export default MyDropdownMenu;
通过将DropdownMenu组件的class设置为dropdownMenu,我们可以通过CSS代码将其下拉列表的位置设置为在应用栏下方而不是上方。