【问题标题】:FontAwesome as a prop for an elementFontAwesome 作为元素的道具
【发布时间】:2020-08-31 03:34:01
【问题描述】:

有没有办法将 FontAwesome 作为元素道具传递?我正在尝试做类似的事情

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

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

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

有什么建议吗?

【问题讨论】:

  • 什么是searchFor
  • @larz 传递给搜索组件的字符串,例如“姓氏”等。

标签: reactjs font-awesome font-awesome-5


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-09-24
    • 2019-06-09
    • 2016-04-29
    • 2019-05-02
    • 2020-07-28
    • 2021-07-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多