在 react-markdown 中添加多个换行符

Question

目前我正在使用 React，并且在 strapi CMS 中的富文本中包含内容，这些内容在我的 markdown 版本中以我想要的方式间隔开，但是一旦我切换到预览，或在我的中查看内容浏览器，空格消失。我已经尝试添加 <br/> 标签，但仍然没有换行符。

这是我的strapi markdown中的内容：

但这是我网页上的输出：

这是我当前的代码：

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 &nbsp;
  \n &nbsp;
  \n &nbsp;
  \n &nbsp;
  \n
  world
  `;

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

在 react-markdown 中添加多个换行符

Adding multiple line break in react-markdown

reactjs

strapi

react-markdown