时间戳

首页 > 解决方案 > 的定位在 Material-ui 下组件 按照设计，单击 material-ui <Select> 组件（或 <TextField select> 组件）会导致菜单项出现在覆盖原始 Select/TextField 元素的位置。<Select ...> <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuI

问题描述

标签： material-ui

解决方案

使用 Select 元素的 MenuProps 属性

     <Select
            MenuProps={{
              anchorOrigin: {
                vertical: "bottom",
                horizontal: "left"
              },
              transformOrigin: {
                vertical: "top",
                horizontal: "left"
              },
              getContentAnchorEl: null
            }}
     >
      <MenuItem value={10}>Ten</MenuItem>
      <MenuItem value={20}>Twenty</MenuItem>
      <MenuItem value={30}>Thirty</MenuItem>
    </Select>

推荐阅读