为什么Material-UISelect不显示任何选项？

Question

你好，我正在将所有选择更改为 Material-UI 选择（因为我认为它们看起来更好），但我正在努力，因为我正在看教程并且我具有完全相同的设置，但我没有看到我设置的任何选项

const [escuela, setEscuela] = useState("");

const handleChange2 = (event) => {
      setEscuela(event.target.value);
    };

<Select className= "SelectMultiple" value = {escuela} label = "Seleccione Escuela..." onChange={handleChange2}>
<MenuItem value={"Academia Internacional de Boquete"}>Academia Internacional de Boquete</MenuItem>
<MenuItem value={"Academia Internacional de David"}>Academia Internacional de David</MenuItem>
</Select>

Answer 1

您想使用 MUI 的 Select 但屏幕截图中的 Select 来自 react-select 包。两个组件名称都是 Select 所以如果你要迁移到另一个库，你应该使用不同的默认名称以避免将一个与另一个混淆：

import ReactSelect from 'react-select'
import MuiSelect from '@mui/material/Select';

为什么Material-UISelect不显示任何选项？

Why does the Material-UI Select does not display any option?

select

reactjs

material-ui