React-markdown 为什么总把我的换行符渲染成空格啊

Question

在项目中react-markdown 会把连续的换行渲染出来导致间距过大

在练习demo 中不会，想要这种效果
首先说结果都是后端返回的，直接调openai 接口获取的数据

Answer 1

参考GPT的回答内容，React-markdown 库默认情况下将行末两个空格和换行符解释为硬换行符，也就是会将它们渲染为
标签。

如果你想保留所有的换行符并渲染为
标签，可以使用 React-markdown 的 breaks 属性来实现：

import ReactMarkdown from 'react-markdown';

function MyComponent({ content }) {
  return <ReactMarkdown source={content} escapeHtml={false} breaks={true} />;
}

上述代码中，breaks 属性被设置为 true，这会将所有的换行符解释为
标签。

如果你想将行末两个空格和换行符解释为硬换行符，可以将 breaks 属性设置为 false，同时在 Markdown 文本中每行末尾加上两个空格。

如果你不希望行末两个空格和换行符被解释为硬换行符，也不想将它们渲染为
标签，可以将 breaks 属性设置为 false，并且在 Markdown 文本中每行末尾只加上一个空格。

回答不易，还请采纳！！！