连接unicode和变量

问题描述

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

I'm newbie in React and I have some issue to display dynamic unicode value ?

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

推荐答案

String.fromCodePoint 将从其数字代码点获取字符，parseInt 将从十六进制字符串中获取数字.

String.fromCodePoint will get you the character from its numeric code point, and parseInt will get you the number from a hex string.

您的转换将如下所示: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'>

这篇关于连接unicode和变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！