MultiSelectUnstyled API
想要学习更多组件属性和 CSS API,可以查阅 React MultiSelectUnstyled 组件的 API 文档。
导入
import MultiSelectUnstyled from '@mui/base/MultiSelectUnstyled';
// 或
import { MultiSelectUnstyled } from '@mui/base';The foundation for building custom-styled multi-selection 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 | array | [] | 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 values. | |
| value | array | The selected values. Set to an empty array to deselect all options. |
ref 则会被传递到根元素中。