Reactjs `rexxars/react markdown`用于呈现react markdown的插件用法或替代方法

我试图呈现一些存储在数据库中的html，并在其中放置一个组件

看起来是这样的：

import ReactMarkdown from 'react-markdown/with-html'; 
const inlineCode = (props) => <Gist id={props.value} />;
const source = '`7df0c9a5d794504a28bd3256b7bf5c4f` <p>asdasdasd</p><h1>title</h1>';

<ReactMarkdown source={source} renderers={{ inlineCode }} escapeHtml={false} />

---

好的，我找到了这个库：

https://github.com/probablyup/markdown-to-jsx

如果您的来源看起来像：

const source = `<gist id="yourIdHere" /> <h1>asdasdasd</h1>`;

<Markdown
  options={{
    overrides: {
      gist: {
        component: renderGist,
      },
    },
  }}
>
  {content}
</Markdown>

const source=`asdasdasd`；
{content}

它将

和正常

呈现为

const source = `<gist id="yourIdHere" /> <h1>asdasdasd</h1>`;

<Markdown
  options={{
    overrides: {
      gist: {
        component: renderGist,
      },
    },
  }}
>
  {content}
</Markdown>