/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/selects/NativeSelectDemo.tsx
29 строк
826 B
Jan Potoms
[docs] Use `React.useId()` for demo IDs (#48300)
19 апр 2026, 13:10
Не верифицирован
19 апр 2026, 13:10
107f22c
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import InputLabel from '@mui/material/InputLabel'; import FormControl from '@mui/material/FormControl'; import NativeSelect from '@mui/material/NativeSelect'; export default function NativeSelectDemo() { const id = React.useId(); return ( <Box sx={{ minWidth: 120 }}> <FormControl fullWidth> <InputLabel variant="standard" htmlFor={`${id}-select`}> Age </InputLabel> <NativeSelect defaultValue={30} inputProps={{ name: 'age', id: `${id}-select`, }} > <option value={10}>Ten</option> <option value={20}>Twenty</option> <option value={30}>Thirty</option> </NativeSelect> </FormControl> </Box> ); }