Material UI 中的多行占位符文本

Posted 2023-03-05

【中文标题】Material UI 中的多行占位符文本

【英文标题】：Multi-Line Placeholder Text in Material UI

【发布时间】：2019-02-15 04:08:24

【问题描述】：

我正在为我正在开发的 React 应用程序使用 Material UI。

我正在使用TextField 组件，我需要一个用于文本区域的多行占位符。我目前有：

       <TextField
            id="details"
            fullWidth=true
            multiline=true
            rows=5
            label="Give us some additional details:"
            placeholder="- Tell us about this project \n - What skills are you looking for ? &#10; - What tools do you need an expert in? &#10; - What is your timeline?"
        />

它需要显示为：

- Tell us about this project 
- What skills are you looking for ?
- What tools do you need an expert in? 
- What is your timeline?

您可以看到我尝试了
 和\n 都无济于事。任何提示表示赞赏！

【参考方案1】：

您需要使用简单的占位符收缩启用：

这里是工作代码和框：Multiline Placeholder