我希望你们都做得很好!这是我的代码Sandbox :https://codesandbox.io/s/hungry-agnesi-vn6039?file=/demo.tsx
我目前希望有material 的用户界面菜单下拉下拉在按钮的左下角开始.然而,正如在我的代码沙箱中看到的那样,菜单从我想要的位置的右侧开始.有没有办法启动按钮左下角的下拉菜单?我真的很感谢大家的回复!
谢谢!
我希望你们都做得很好!这是我的代码Sandbox :https://codesandbox.io/s/hungry-agnesi-vn6039?file=/demo.tsx
我目前希望有material 的用户界面菜单下拉下拉在按钮的左下角开始.然而,正如在我的代码沙箱中看到的那样,菜单从我想要的位置的右侧开始.有没有办法启动按钮左下角的下拉菜单?我真的很感谢大家的回复!
谢谢!
您可以在下拉列表中添加负边框Left,如下所示.这是正在工作的codesandbox美元
<Menu
id="basic-menu"
anchorEl={anchorEl}
open={open}
onClose={handleClose}
anchorOrigin={{
vertical: "bottom",
horizontal: "left"
}}
transformOrigin={{
vertical: "top",
horizontal: "left"
}}
MenuListProps={{
"aria-labelledby": "basic-button"
}}
style={{ // Add here you negative margin
marginLeft: "-8px"
}}
>
让我知道它是否有帮助,如果是可以为您添加内联样式.或者,您也可以使用样式化组件来执行相同的操作.
[UPDATE]
如果您想要在一般情况下应用它,您可以使用主题(我不推荐这样做,除非您对它有把握)并覆盖MuiPopover
组件,如下所示.
import { createTheme } from '@mui/material/styles';
export const theme = createTheme({
components: {
MuiPopover: {
styleOverrides: {
paper: {
marginLeft: '-8px'
}
}
}
},
});