如何将文本换行到材质UI选择/菜单项组件中的下一行？（CSS问题）

我试图在选择菜单中显示学校取消的课程。按天安排：

然而，我的菜单只是在开发者工具中以移动分辨率显示时切断溢出文本。 热力学课被取消了

我正在使用material ui的选择菜单和react。我也在使用。我想在下一行列出类。这是我每天展示课程的地方

这是代码，只是一个示例，它不运行：

按天筛选类 {item.SUBJECT==='OPEN_LEARNING'&& {state.subjects&&state.subjects.filteritem=> item.SUBJECT==“开放式学习”。mapitem=> {item.CLASS_FULL} } } //这只是一天。我每天都这样做。 } TL；DR:覆盖菜单项的包装样式：

const useStyles=makestylesTime=>{ 根目录：{ 空白：未设置， 打破一切 } }; //... const YourComponent=props=>{ 常量类=使用样式； //... } NL；PR：默认情况下，菜单项样式空白：“nowrap”阻止应用其他换行。您可以检查建议的更改在此环境中的工作方式

现在，您选择的菜单项将显示：

由此： 对此：.

TL；DR:覆盖菜单项的包装样式：

const useStyles=makestylesTime=>{ 根目录：{ 空白：未设置， 打破一切 } }; //... const YourComponent=props=>{ 常量类=使用样式； //... } NL；PR：默认情况下，菜单项样式空白：“nowrap”阻止应用其他换行。您可以检查建议的更改在此环境中的工作方式

现在，您选择的菜单项将显示：

由此：

---

为此：。

使用ListItem而不是MenuItem

按天筛选类 > {item.SUBJECT==='OPEN_LEARNING'&& {state.subjects&&state.subjects.filteritem=> item.SUBJECT==“开放式学习”。mapitem=> {item.CLASS_FULL} } } //这只是一天。我每天都这样做。 }

---

使用ListItem而不是MenuItem

按天筛选类 > {item.SUBJECT==='OPEN_LEARNING'&& {state.subjects&&state.subjects.filteritem=> item.SUBJECT==“开放式学习”。mapitem=> {item.CLASS_FULL} } } //这只是一天。我每天都这样做。 }

---

非常感谢你！它现在工作得很好。我觉得有点傻，没听清楚。别担心，我花了整整一个小时才弄明白！它现在工作得很好。我觉得有点傻，因为我没听清楚。别担心，我花了整整一个小时才弄明白。