Компонент GetStream Activity не отображает новые строки должным образом - PullRequest
Новая
       21

Компонент GetStream Activity не отображает новые строки должным образом

2 голосов
/ 12 июня 2019

Компонент активности потока https://getstream.github.io/react-activity-feed/#activity не может отображать новые строки. 

 {
  "actor": {
  },
  "attachments": {
    "files": [],
    "images": []
  },
  "foreign_id": "",
  "id": "",
  "latest_reactions": {},
  "latest_reactions_extra": {},
  "object": "Post\npost\npost\npost",
  "origin": null,
  "own_reactions": {},
  "reaction_counts": {},
  "target": "",
  "text": "Post\npost\npost\npost",
  "time": "2019-06-12T19:11:46.728935",
  "verb": "post"
}

В приведенных выше данных текст содержит новые строки "Post \ npost \ npost \ npost", но он идет одной строкой, как на рисунке ниже.

Single line text

Есть ли способ, которым это может быть обработано в компоненте.

1 Ответ

1 голос
/ 13 июня 2019

Вы можете исправить это, установив следующее css: 

.raf-activity__content p {
    white-space: pre-line
}

Я также включил это в последнюю версию (0.9.16) react-activity-feed, поэтому вам не придется делать это самостоятельно.

...