Question

我有一个react代码，我试图通过以字符串格式传递div内容来创建fontawesome图标，以react组件，但是在渲染它时会创建一个带有超链接的复制图标，而没有超链接，这是我正在使用的代码段危险地设置内部HTML

<div dangerouslySetInnerHTML={{ __html: this.createAllIconsAndHyperLinks() }} />

createAllIconsAndHyperLinks（）方法将内容返回为：

<a target="_blank" rel="noopener noreferrer" href="https://github.com/singh_kshitij"><i class="fab fa-github"/></a>
<a target="_blank" rel="noopener noreferrer" href="https://twitter.com/ikshitijsingh"><i class="fab fa-twitter"/></a>
<a target="_blank" rel="noopener noreferrer" href="https://stackoverflow.com/users/7088832/kshitij-singh"><i class="fab fa-stack-overflow"/></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/ikshitijsingh/"><i class="fab fa-linkedin"/></a>

这是呈现事物的方式： Click and Open to See Image

实际上看到重复的图标，一个带有链接，而另一个没有链接。如果有人可以帮助，那可能是个问题。

Answer 1

尝试使用：

<a target="_blank" class="fab fa-github" rel="noopener noreferrer" href="https://github.com/singh_kshitij">

您可以添加一些CSS来设置链接的样式。

使用危险时出现双图标SetInnerHtml

1 个答案: