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

标签 css reactjs email

有没有办法在 React 组件中呈现字符串格式的电子邮件消息?

我可以使用任何软件包吗?没有包裹有什么办法吗?

我有变量保存字符串格式的电子邮件。我能做的是使用 DangerousSetInnerHTML 在页面中呈现此消息。这里的问题是,每当我呈现电子邮件消息时,我的网站布局 (CSS) 都会发生变化。我相信,造成这种情况的原因是电子邮件中的 css 样式。

最佳答案

如果 CSS 是问题的最佳解决方案是在 iframe 中呈现电子邮件。这将确保您的代码和电子邮件代码之间有明确的区分。

这是一个在 codepen 上使用 React 在 iframe 中显示 HTML 的示例:https://codepen.io/micha149/pen/zBzLwJ?editors=0010

关于css - 将电子邮件消息呈现给 React 中的组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48034308/

相关文章:

CSS DIV - 单击 Facebook 'Send button' 展开 div 并添加不需要的滚动条

javascript - 按钮上的背景图像增加了边距

jquery - Suckerfish CSS 菜单之子 - 顶级菜单在子菜单悬停时保持事件状态

javascript - 如何过滤react-chartjs-2

css - 如何设计嵌入在电子邮件中的重力形式?

html - 使用 CSS 改变背景的亮度

testing - React 组件的 Mocha 测试历史

javascript - React 16.9.0 "javascript:;"href 替代方案?

email - 如何在 Jenkins 声明式管道中发送 "back to normal"通知?

c - 接收电子邮件