材质用户界面中的多行占位符文本

Question

我正在将Material UI用于正在开发的React App。

我正在使用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