我正在使用從材質 UI 中選擇，但我面臨的下拉串列的問題并不在一個位置。
我想要它的方式：
它是如何顯示在我的：
無需打開下拉選單
打開下拉選單時
所以基本上下拉顯示在它的領域的中心而不是顯示在它的下方。我做了我的研究，看到它是默認設定（下拉在它的欄位下方）但在我的情況下沒有發生。
下拉選單的代碼
<div className="row-5" style={{ marginTop: "21px" }}>
<div className="repeat">
<FormControl variant="standard" sx={{ m: 1, minWidth: 120 }}>
<InputLabel id="repeat-id">Repeat</InputLabel>
<Select
style={{ width: '420px' }}
labelId="repeat-id"
id="demo-simple-select-standard"
// value={age}
// onChange={handleChange}
label="Repeat"
defaultValue="Never"
>
<MenuItem value="Never">
Never
</MenuItem>
<MenuItem value={10}>Ten</MenuItem>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>
</FormControl>
</div>
</div>
uj5u.com熱心網友回復：
您必須從此處匯入 Select 組件：
import FormControl from '@mui/material/FormControl';
import Select from '@mui/material/Select';
這對我很有效。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346563.html