在 ReactJS 中使用私有使用区域字符答案

【问题标题】：Using Private Use Area Characters with ReactJS在 ReactJS 中使用私有使用区域字符
【发布时间】：2020-10-01 15:25:06
【问题描述】：

怎么样了？

我正在尝试在我的 React 程序中使用 unicode 字符。我正在从 JSON 文件读入 JS 程序。

FontAwesome 字符显然属于私人使用区域，在我的网站上，它呈现为一个正方形。

如何让 unicode 字符真正显示出来？有问题的字符是 \uf0e1

这是函数的一部分：

    render (){
        return <button 
                    className ="button write" 
                    onClick={this.workingLink} >
                     <i className="fa">{this.props.icon}</i> {this.props.name} 
                </button>
    }

【问题讨论】：

检查方块。你确定你使用的是 FontAwesome 来显示它吗？在您的浏览器中检查并纠正样式
蛙哥，我的回答有用吗？
@GiacomoCatenazzi 我还需要其他软件包吗？我正在导入import React from 'react'; import '../style.css' import media from '../media.json' import { FaLinkedinIn } from 'react-icons/fa'
@Froggos：你应该检查你的浏览器（检查工具/开发工具）。在那里您应该找到问题所在（例如所选字体）。在我们了解问题之前，没有办法找到解决方案。

标签： reactjs unicode font-awesome

【解决方案1】：

你试过dangerouslySetInnerHTML吗？

return (
    <div dangerouslySetInnerHTML={{ __html: this.props.icon}}></div>
)

【讨论】：

试过了，不幸的是，这不起作用。我得到了同样的结果。