Многострочный текст-заполнитель в пользовательском интерфейсе материала

Question

Я использую интерфейс материалов для разрабатываемого приложения React.

Я использую компонент 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

Вам необходимо использовать простую усадку с разрешенным заполнением:

вот рабочие коды и поле: Многострочный заполнитель