Rendern Sie E-Mail-Nachricht an Komponente in React

Question

Gibt es eine Möglichkeit, E-Mail-Nachricht im String-Format in React-Komponente zu rendern?

Jedes Paket, das ich verwenden kann? Irgendwie ohne Paket?

Ich habe Variable, die die E-Mail-Nachricht im String-Format hält. Was ich tun kann, ist DangerousSetInnerHTML, um diese Nachricht auf der Seite zu rendern. Das Problem hierbei ist, dass sich mein Layout (CSS) meiner Website ändert, wenn ich die E-Mail rendere. Ich glaube, der Grund dafür ist das CSS-Styling in der E-Mail.

Answer 1

Die beste Lösung, wenn das CSS das Problem ist, ist das Rendern der E-Mail in iframe. Dies stellt sicher, dass es eine klare Trennung zwischen Ihrem Code und dem E-Mail-Code gibt.

Hier ist ein Beispiel für Codepen zum Anzeigen von HTML in einem Iframe mit React: https://codepen.io/micha149/pen/zBzLwJ?editors=0010