Question

我正在尝试将className传递给react-markdown中的组件。

例如，

<ReactMarkdown source='test' />

会导致

<p>test</p>

我怎么去

<p className='testClass'>test</p>

Answer 1

您可以尝试使用renderers库中的ReactMarkdown属性。

尝试以下操作：

const CustomParagraph = ({ children }) => <p className="testClass">{children}</p>

const Markdown = () => {
  return (
    <ReactMarkdown
      source="test"
      renderers={{ paragraph: (props) => <CustomParagraph {...props} /> }}
    />
  )
}

以下是渲染器的正式定义：

渲染器-对象一个对象，其中的键代表节点类型该值是一个React组件。该对象与默认渲染器。传递给组件的道具根据节点的类型。

https://github.com/rexxars/react-markdown

有没有一种方法可以将className传递给react-markdown中的组件？

1 个答案: