/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
test/e2e/fixtures/Select/SelectPointerFlow.tsx
32 строки
918 B
Albert Yu
[select] Support single-pointer-cycle selection and pointer cancellation (#48328)
27 апр 2026, 12:01
Не верифицирован
27 апр 2026, 12:01
19fea48
Код
Авторство
О чём код?
import * as React from 'react'; import Select, { SelectChangeEvent } from '@mui/material/Select'; import MenuItem from '@mui/material/MenuItem'; const options = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120]; export default function SelectPointerFlow() { const [value, setValue] = React.useState(10); const handleChange = (event: SelectChangeEvent<number>) => { setValue(event.target.value as number); }; return ( <div style={{ minHeight: 260, paddingTop: 164, paddingLeft: 40 }}> <Select<number> data-testid="select" value={value} onChange={handleChange} sx={{ width: 180 }} MenuProps={{ transitionDuration: 0 }} > {options.map((option) => ( <MenuItem key={option} value={option}> {option} </MenuItem> ))} </Select> <div data-testid="select-value">{value}</div> </div> ); }