React：如何使用Material-ui在Selects中添加Textfield？

Question

如何使用 Material-UI 在 Select（选择菜单）中添加文本框(Textfield) ？

我尝试搜索，但没有找到太多信息。

我该怎么做？

我尝试过，但是 CSS 出了问题。

- ko_ma

Answer 1

鉴于其他答案并没有真正回答问题，我想分享一下我的见解。

我基本上正在尝试创建类似于 Google 日历时间输入中所看到的内容，其中您可以获得方便的 30 分钟间隔的预定义时间列表，但您也可以输入自定义时间：

不幸的是，在 Material UI 文档和 GitHub 问题中搜索，我不认为有任何内置工具可以实现这一点。您将需要单独使用 <TextField/> 和 <Menu/> 组件，并手动将它们链接在一起。将 <Menu/> 锚定在 <TextField/> 下面，每次更改时更新 <TextField/>，它将作为主状态。

- V. Rubinetti

Answer 2

你应该使用带有multiline属性的https://material-ui.com/api/text-field/组件

类似于

<TextField
    id="standard-textarea"
    label="With placeholder multiline"
    placeholder="Placeholder"
    multiline
    margin="normal"
/>

- Melkord