React:如何使用Material-ui在Selects中添加Textfield?

时间:2018-10-10 14:31:09

标签: reactjs material-ui

如何使用Material-UI在Selects(选择菜单)中添加文本字段?

我尝试搜索它,但收入不高。

我该怎么办?

我尝试了一下,但是CSS出现了问题。

2 个答案:

答案 0 :(得分:0)

由于其他答案并不能真正回答问题,因此我认为我会分享自己的见识。

我基本上是在尝试创建类似于您在Google日历的时间输入中看到的内容,在该时间输入中,您会以方便的30分钟间隔获得一系列预定义时间,但是您也可以输入自定义时间:

GCal time picker

不幸的是,在Material UI文档和GitHub问题中进行搜索时,我认为没有内置功能可以完成此任务。您将必须具有单独的<TextField/><Menu/>组件,并将它们手动链接在一起。将<Menu/>锚定在<TextField/>下,并且每次更改时,都要更新<TextField/>,它将作为主要状态。

答案 1 :(得分:-1)

您应该将https://material-ui.com/api/text-field/组件与multiline道具一起使用

类似

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