在該選擇標簽中，默認情況下單擊是一個禁用選項和隱藏。所以當我想單擊選擇時，我不想在串列中顯示禁用選項，這就是我提供隱藏屬性的原因。所以怎么可能設定一個默認顯示的選項，當用戶想要單擊選擇標簽時，如果您提供任何選項禁用隱藏屬性，則禁用選項不應該像普通選擇標簽一樣可見，我也給出了這兩個屬性，但隱藏不起作用。我怎樣才能做到這一點
import * as React from 'react';
import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl';
import Select from '@mui/material/Select';
export default function BasicSelect() {
const [age, setAge] = React.useState('');
const handleChange = (event) => {
setAge(event.target.value);
};
return (
<Box sx={{ minWidth: 120 }}>
<FormControl fullWidth>
<InputLabel id="demo-simple-select-label">Age</InputLabel>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={age}
label="Age"
onChange={handleChange}
>
<MenuItem value={10} disabled hidden>Click</MenuItem>
<MenuItem value={11}>Ten</MenuItem>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>
</FormControl>
</Box>
);
}
uj5u.com熱心網友回復：
嘗試放置style={{ display: "none" }}在要隱藏的 MenuItem 上。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/451967.html
上一篇：可編輯的div內容