reactjs - 需要从反应组件中替换 html 字符串文本

Question

问题： - 我们正面临简码问题。我们在内容中使用简码 {{email}} 进行电子邮件订阅，服务器在前端将内容作为 HTML 字符串提供。我们从 dengerouslySetInnerHTML 反应函数在前端将字符串渲染为 HTML。

例子： - let description = '<p>contect here {{email}} content here {{email}} content here</p>';

我们使用 react dengerouslySetInnerHTML 函数将 HTML 字符串转换为实际的 HTML。 <div dangerouslySetInnerHTML={{ __html: description }} ></div>

我正在做 - 从反应电子邮件组件替换 {{email}} 文本，但我们无法在字符串中插入反应组件。

喜欢 - description.replace('{{email}}', <EmailComponent />)

score 0 · Accepted Answer

我认为您可以转换<EmailComponent />为字符串

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

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

1 回答 1