FontAwesome 作为元素的道具

FontAwesome as a prop for an element

有什么方法可以将 FontAwesome 作为元素道具传递吗?我正在尝试做类似

的事情
<input
    placeholder={"&#xF002; Search " + searchFor}
/>

但这会将十六进制代码显示为字符串,而不是解码为正确的字体值,因为它是

    placeholder="&#xF002; Search ..."

有什么建议吗?

您正在尝试对您的 UTF-8 符号进行 HTML 编码,这不起作用,因为 React 不是 HTML(尽管它看起来很像...)

因此,如果您不使用 HTML 编码而是使用 JavaScript 编码“\uF002”,您的符号应该按照您想要的方式显示。