Я использую Contentful и Gatsby для контекста. В Contentful пользователь записывает кучу контента, где он может красиво просмотреть его в редакторе. Данные GraphQL из него возвращают что-то вроде этого
<p>Hello World</p>\n<p><strong>Foo Bar </strong>\n999 172 St. NW\nEdmonton, AB</p>\n<p><strong>Sushi</strong>\n2020 87 Ave.\nEdmonton</p>
Я хотел бы отформатировать все \ n (разрывы строк) так, чтобы просматриваемое содержимое внутри мой веб-сайт выглядит так же, как предварительный просмотр в этой платформе редактора контента. Сейчас у меня нет разрывов строк, поэтому весь мой контент был бы гигантским блобом слов, если бы я не форматировал свои теги p.
Как лучше всего создать эти разрывы строк или преобразовать все \ n-br элементов, чтобы каждый раз, когда у меня создавалась \ n новая строка, создавалась на моем сайте?
В настоящее время я использую атрибут dangerouslySetInner HTML в div для отображения содержимого из пример, приведенный на сайте Гэтсби. И стиль html элемент br не работает.