小编典典

连接unicode和变量

reactjs

我是React的新手,我遇到了显示动态unicode值的问题?

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

阅读 261

收藏
2020-07-22

共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'>
2020-07-22