Есть ли способ передать имя класса компоненту в response-markdown?

Question

Я пытаюсь передать className компоненту в response-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} /> }}
    />
  )
}

Вот официальное определение рендереров:

Renderers - object Объект, где ключи представляют тип узла, а значение - компонент React. Объект объединяется с модулями визуализации по умолчанию. Свойства, передаваемые компоненту, зависят от типа узла.

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