Блог

Привет, я получаю текстовые данные из react markdown ,

 const exampleMarkDown=
`<ol>
<li>example1</li>
<li>example2</li>
<li>example3</li>
</ol>`
  

и результат

 1.example1
2.example2
3.example2
  

и я хотел бы добавить значок пользовательского интерфейса материала рядом с

 1. example <ICON HERE>
  

в компоненте react.
так есть ли какой-нибудь способ, которым я могу это сделать??

Вы можете использовать строковые литералы и включить компонент рядом со строкой.

  const exampleMarkDown=
`<ol>
<li>example1 ${<Icon>}</li>
<li>example2 ${<Icon>}</li>
<li>example3 ${<Icon>}</li>
</ol>
`
  

РЕДАКТИРОВАТЬ: Ах, я только что заметил, что вы сказали, что используете react markdown, извините за это. Я раньше не использовал эту библиотеку, единственное, что я могу придумать, это добавить значок в markdown, прежде чем вы его получите.