Material-ui: Компонент Material-UI Paper не распознает новый строчный символ

Созданный на 17 нояб. 2017 · 5Комментарии · Источник: mui-org/material-ui

Я передаю компоненту Material-UI Paper строку, содержащую новый символ строки. Однако компонент Paper, похоже, игнорирует это, поскольку не начинает новую строку. Это намеренное поведение или это ошибка? Рассматриваемый код ниже (comment.text - это строка, о которой идет речь):

<Paper key={index} rounded={false} style={styles.paper}> 
<div>{comment.text}</div> 
<div style={{textAlign: 'right', color: grey500}}>{comment.user + ", " + comment.date}</div> 
</Paper>

question

Источник

alexanderwhatley

Самый полезный комментарий

Я использовал: style={{whiteSpace: 'pre-line'}}

<Typography
  variant="body1"
  style={{whiteSpace: 'pre-line'}}
>
  {body}
</Typography>

Справка:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n

ericksprengel 24 февр. 2019

👍70 ❤14 🚀4 🎉4 👀2

Все 5 Комментарий

@alexanderwhatley Какое значение имеет comment.text ? А какие версии всего вы используете? Предоставляемый нами шаблон поможет более эффективно ответить на вопросы. 😁

m2mathew 17 нояб. 2017

Привет, @ m2mathew , извини за это. Версия material-ui - 0.17.4, а значение comment.text - «Привет, как \ n вы?»

alexanderwhatley 17 нояб. 2017

Хорошо, подумайте, как DOM справится с этим. Я бы ожидал, что \n будет отображаться, если я помещу это между двумя <div> в HTML-файле.

Поскольку это явно не связано с MUI, я закрою этот вопрос. Обязательно зайдите в Stack Overflow или аналогичный, чтобы получить дополнительную помощь по внедрению контента в DOM.

m2mathew 17 нояб. 2017

👍1

Я использовал: style={{whiteSpace: 'pre-line'}}

<Typography
  variant="body1"
  style={{whiteSpace: 'pre-line'}}
>
  {body}
</Typography>

Справка:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n

ericksprengel 24 февр. 2019

👍70 ❤14 🚀4 🎉4 👀2

Похоже, стоит добавить дополнительную опору в компонент «Типографика».

goodwin64 5 дек. 2019

👍12

Была ли эта страница полезной?

0 / 5 - 0 рейтинги

Смежные вопросы

Вы не можете вызывать prepareStyles() для одного и того же объекта стиля более одного раза.

zabojad · 3Комментарии

[Диалог] onRequestClose вроде не запускается - что я делаю не так?

TimoRuetten · 3Комментарии

Как пользоваться иконкой?

revskill10 · 3Комментарии

[Ящик] Фокус в открытом состоянии

ryanflorence · 3Комментарии

[IconButton] Подсказка в Chrome

FranBran · 3Комментарии