reactjs - 如何为自动完成 material-ui 演示禁用多行？

Question

国家选择 autocomplete demo at material-ui使用 react-select 和 material-ui 控件，显示多行文本，当国家/地区不适合一行时，选择控件会更改其尺寸。

当我减小 Web 浏览器的宽度时，我在 CodeSandbox 看到了这种行为。

如何修改演示，以便国家始终适合一行，选择控件不会改变它的尺寸？

Answer 1

TextField 具有可以更改的 Prop multiline、rows 和 rowsMax Prop 。

如果这不是您所需要的，那么您可以将以下 css 添加到 TextField 中的文本，这样文本就不会换行:

overflow: hidden;
white-space: nowrap;