将电子邮件消息呈现给React中的组件

Question

有没有办法在React组件中呈现String格式的电子邮件消息？

我可以使用的任何套餐？没有包的任何方式？

我有变量，以String格式保存电子邮件。我能做的是使用DangerousSetInnerHTML在页面中呈现此消息。这里的问题是，每当我呈现电子邮件时，我的网站布局（CSS）都在变化。我相信，其原因在于电子邮件中的CSS样式。

Answer 1

如果CSS出现问题，最佳解决方案是在<div class="app-component"> <app-country *ngIf="condition"></app-country> <app-country *ngIf="!condition"></app-country> <div>condition is [{{condition}}]</div> <button (click)="condition=!condition">Toggle condition</button> </div> 中呈现电子邮件。这将确保您的代码和电子邮件代码之间有明确的分离。

以下是使用React在iframe中显示HTML的codepen示例：https://codepen.io/micha149/pen/zBzLwJ?editors=0010