【问题标题】:Concatenate unicode and variable连接 unicode 和变量
【发布时间】:2019-06-27 17:03:44
【问题描述】:

我是 React 的新手,在显示动态 unicode 值时遇到一些问题?

{'\u{1F680}'} become {'\u{MyVar}'}

【问题讨论】:

    标签: javascript reactjs react-native


    【解决方案1】:

    String.fromCodePoint 将从数字代码点获取字符,parseInt 将从十六进制字符串获取数字。

    您的转化将如下所示:String.fromCodePoint(parseInt(MyVariable, 16))

    工作示例:

    const App = ({ unicode }) => <p> 3, 2, 1, GO ! {String.fromCodePoint(parseInt(unicode, 16))}</p>
    
    ReactDOM.render(<App unicode='1F680'/>, document.getElementById('root'))
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.5.2/umd/react.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.5.2/umd/react-dom.production.min.js"></script>
    <div id='root'>

    【讨论】:

    • 太棒了!非常感谢!浏览了几个小时。
    • 像宝石一样工作!✅
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 2015-08-16
    • 2016-11-15
    • 2018-06-23
    • 1970-01-01
    相关资源
    最近更新 更多