需要替换React组件中的html字符串文本

Question

问题：- 我们面临着简码问题。我们使用简码{{email}}来订阅内容中的电子邮件，并且服务器在前端将内容作为HTML字符串提供。我们从dengerouslySetInnerHTML react函数在前端将字符串呈现为HTML。

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

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

我在做- 从react email组件中替换{{email}}文本，但我们无法在字符串中插入react组件。

就像-description.replace('{{email}}', <EmailComponent />)

Answer 1

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

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

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