javascript - Material UI 中的多行占位符文本

Question

我正在为我正在开发的 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 都无济于事。任何提示表示赞赏!

Answer 1

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

这是工作代码和框:Multiline Placeholder