SelectUnstyled API
想要学习更多组件属性和 CSS API,可以查阅 React SelectUnstyled 组件的 API 文档。
导入
import SelectUnstyled from '@mui/base/SelectUnstyled';
// 或
import { SelectUnstyled } from '@mui/base';
The foundation for building custom-styled select components.
属性
原生(Native) 组件的属性也是可用的。
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
autoFocus | bool | false | If true , the select element is focused during the first mount |
components | { Listbox?: elementType, Popper?: elementType, Root?: elementType } | {} | The components used for each slot inside the Select. Either a string to use a HTML element or a component. |
componentsProps | { listbox?: func | object, popper?: func | object, root?: func | object } | {} | The props used for each slot inside the Input. |
defaultListboxOpen | bool | false | If true , the select will be initially open. |
defaultValue | any | The default selected value. Use when the component is not controlled. | |
disabled | bool | false | If true , the select is disabled. |
listboxId | string | ||
listboxOpen | bool | undefined | Controls the open state of the select's listbox. |
onChange | func | Callback fired when an option is selected. | |
onListboxOpenChange | func | Callback fired when the component requests to be opened. Use in controlled mode (see listboxOpen). | |
renderValue | func | Function that customizes the rendering of the selected value. | |
value | any | The selected value. Set to null to deselect all options. |
ref
则会被传递到根元素中。