为什么[物料-界面选择]界面不显示任何选项？

Question

您好，我将我的所有选择更改为Material-UI selects (因为在我看来它们看起来更好)，但我正在努力，因为我正在查看教程，我有完全相同的设置，但我看不到我设置的任何选项

​

​

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';