AutoSelect是MUI库中的一个选项,它允许在用户输入时,自动选中下拉列表中的第一个选项。为了实现这个功能,可以在MUI Select组件中使用autoWidth和displayEmpty属性,并将MenuItem组件的selected属性设为true。
代码示例:
import React from 'react';
import MenuItem from '@material-ui/core/MenuItem';
import Select from '@material-ui/core/Select';
const options = [
'Option 1',
'Option 2',
'Option 3',
];
class MyComponent extends React.Component {
state = {
selectedOption: '',
};
handleChange = event => {
this.setState({ selectedOption: event.target.value });
};
render() {
const { selectedOption } = this.state;
return (
);
}
}