输入的占位符文本仅在使用ReactJS选择时显示

Question

当我将BootstrapInput更改为此时：

def concat_short_words(s):
    i = 0
    word = s.split()
    result = ""
    while i < len(word):
        if len(word[i]) <= 4:
            result = result + word[i]
        i = i+1

    return(result)

仅在选择输入字段时显示占位符文本。

有什么主意如何使占位符始终可见？

这是我从Material-UI使用的示例。

<BootstrapInput 
    id="age-customized-input" 
    placeholder="Search Title"
/>

Link to Material-UI example

Answer 1

它的backgroundColor隐藏了标签。如果您将其注释掉，则会显示标签。下面的代码沙箱。

  //backgroundColor: theme.palette.background.paper,

https://codesandbox.io/s/material-demo-p2f7h