react markdown8.x如何自定义渲染

React Markdown 8.x 提供了一种自定义渲染 Markdown 内容的方法，可以通过传递一个渲染器对象来实现。

首先，你需要安装 `react-markdown` 包：

npm install react-markdown

然后，你可以创建一个渲染器对象，通过这个对象来定义你自己的渲染规则。例如，你可以通过以下代码来自定义渲染 `h1` 标签：

import React from 'react';
import ReactMarkdown from 'react-markdown';

const customRenderers = {
  heading: ({ level, children }) => {
    switch (level) {
      case 1:
        return <h1 className="custom-h1">{children}</h1>;
      default:
        return <h2 className="custom-h2">{children}</h2>;
    }
  },
};

const MyMarkdown = ({ content }) => (
  <ReactMarkdown renderers={customRenderers}>{content}</ReactMarkdown>
);

在这个例子中，我们定义了一个名为 `customRenderers` 的渲染器对象，其中 `heading` 属性定义了如何渲染 `h1` 和 `h2` 标签。

最后，我们将自定义的渲染器对象传递给 `ReactMarkdown` 组件的 `renderers` 属性，这样它就会根据我们的规则来渲染 Markdown 内容了。

除了 `heading` 之外，还可以自定义其他标签的渲染方式，具体可以参考 React Markdown 的文档。