reactjs - 如何获得 react-markdown 以正确格式化反引号？

Question

我正在使用 react-markdown ( https://www.npmjs.com/package/react-markdown ) 组件来呈现降价。我遇到了渲染 `. 似乎它没有应用突出显示方面。

这是我试图允许的。

一些带有突出显示的文本foo bar

  const components = {
    code({ inline, className, children, ...props }: any) {
      const match = /language-(\w+)/.exec(className ?? '');
      return !inline && match ? (
        <SyntaxHighlighter
          language={match[1]}
          PreTag="div"
          children={String(children).replace(/\n$/, '')}
          {...props}
        />
      ) : (
        <code className={className} {...props} />
      );
    },
  };

  return (
    <ReactMarkdown components={components} remarkPlugins={[gfm]}>
      {content}
    </ReactMarkdown>
  );

Foo bar 没有使用 react-markdown 显示。有人有什么建议吗？

谢谢！