动态地将样式应用到在 reactJS

如何解决动态地将样式应用到在 reactJS

嗨，我有一个场景，我需要将来自服务器的 HTML 内容添加到元素中，并使用蓝色设置电子邮件地址的样式。

来自服务器的 HTML 内容::

"<p>139,Sethiwan Tower,<br>
10th Floor,Pan Rd,<br>
Silom,Bang Rak,<br>
Bangkok 10500,<br>
Thailand
<br/>
<br/>
<strong>Call us</strong> <br/>
(Service hotline) +66 2 430 4077
<br/>
<br/>
<strong>Send us an email</strong> <br/>
<a href="mailto:device-info@bolttech.co.th" target="_blank" rel="noopener noreferrer">device-info@bolttech.co.th</a></p>"

我在前端的 DIV 标签中设置此内容，如下所示：

<div dangerouslySetInnerHTML={{ __html: html }} />

我想让电子邮件地址变成红色。

我该怎么做？