Добавление нескольких разрывов строки в React-Markdown

Question

В настоящее время я использую React и у меня есть контент в моем расширенном тексте в strapi CMS, который разнесен так, как я хочу, в моей версии с уценкой, но как только я переключаюсь на предварительный просмотр или просматриваю контент в моем браузере, пробелы исчезают прочь. Я пробовал добавить <br/> теги, но разрывов строк по-прежнему не было.

Это содержимое моей разметки strapi:

Но вот результат на моей веб-странице:

Это мой текущий код:

      import ReactMarkdown from "react-markdown";
import rehypeRaw from "rehype-raw";
export default function name({ posts }) {
  return (
    <>
        <div>
          {posts.Title}
        </div>
      <div>
        <ReactMarkdown children={posts.Content} rehypePlugins={[rehypeRaw]} />
      </div>
    </>
  );
}

Answer 1

Для добавления нескольких разрывов строки это должно сделать:

      import React from "react";
import "./styles.css";

import ReactMarkdown from "react-markdown";

export default function App() {
  const markdown = `hello
  \n  
  \n  
  \n  
  \n  
  \n
  world
  `;

  return (
    <div className="App">
      <ReactMarkdown source={markdown} />
    </div>
  );
}

Answer 2

использовать ремарки-брейки

и заменить на  \n. если один\nне работает, попробуйте добавить еще один