Нужно заменить html текст строки из реагирующего компонента

Question

выпуск: - мы столкнулись с проблемой шорткода. мы используем шорткод {{email}} для подписки на электронную почту в контенте, а сервер предоставляет контент в виде строки HTML на стороне внешнего интерфейса. мы визуализируем строку в HTML на стороне внешнего интерфейса из функции реакции dengerouslySetInnerHTML ..

Пример: - let description = '<p>contect here {{email}} content here {{email}} content here</p>';

мы используем функцию реагировать dengerouslySetInnerHTML, которая преобразует строку HTML в фактический HTML. <div dangerouslySetInnerHTML={{ __html: description }} ></div>

Я делаю - замена {{email}} текста из реагирующего компонента электронной почты, но мы не можем вставить реагирующий компонент в строку.

Мне нравится - description.replace('{{email}}', <EmailComponent />)

Answer 1

Я думаю, вы можете преобразовать <EmailComponent /> в строку

import { renderToString } from 'react-dom/server'

console.log(description.replace('{{email}}', renderToString(<EmailComponent />)))