关于富文本编辑器 ReactMarkdownV9.0 无法识别 --- 分割线问题

解决方式

ReactMarkdown 默认不会将 --- 视为分割线，因为与 Markdown 规范中的语法冲突。在 Markdown 中，--- 是用于创建标题的语法（例如 # Title），而不是分割线。

如果你希望在 ReactMarkdown 中识别 --- 作为分割线，你可以使用 renderers 属性定制渲染器，并在渲染 <hr> 元素时将其替换为 ---。

以下是一个示例，展示了如何在 ReactMarkdown 中识别 --- 作为分割线：

import ReactMarkdown from 'react-markdown';

const components = {
  link: (props) => (
	  <a href={props.href} target="_blank" rel="noopener noreferrer">
	    {props.children}
	  </a>
  ),
  thematicBreak: () => '---'
};

function MyComponent() {
  const markdownText = 'This is some content\n\n---\n\nThis is more content';

  return (
    <ReactMarkdown components={components}>{markdownText}</ReactMarkdown>
  );
}

在这个示例中，我们创建了一个 renderers 对象，并在其中定义了 thematicBreak 渲染器。
这个渲染器会被应用于 Markdown 中的 <hr> 元素，将其替换为 ---。
然后，将 renderers 属性传递给 ReactMarkdown 组件，并将 Markdown 文本作为子节点进行渲染。 
通过这种方式，你可以在 ReactMarkdown 中识别 --- 作为分割线。
但请注意，这种定制化的渲染器可能会与其他 Markdown 语法产生冲突，因此在使用时请慎重考虑。