javascript - 连接 unicode 和变量
问题描述
我是 React 的新手,我在显示动态 unicode 值时遇到了一些问题?
{'\u{1F680}'} become {'\u{MyVar}'}
解决方案
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'>
推荐阅读
- javascript - 用 laravel-mix 编译的 ES6 库不工作
- python - 使用 elementtree 在 Python 中遍历子标签的 XML 子代
- xpath - 如何在包含两个或多个相同字符的字符串中搜索字符串,您使用 XPath 作为分隔符?
- php - 使用 PHP 脚本将 .CSV 转换为 .XML 时出错
- hibernate - 为什么我的带有@EmbeddedId 的实体不能在其对应的@Embeddable 类中使用LocalDateTime?
- dart - Dart:如何减少类列表
- node.js - Nodejs ws 模块:TypeScript 中的心跳
- node.js - 仅在应用程序的某些部分使用 Typescript
- php - 有没有办法修改数据表,比如过滤信息?
- java - 如何仅在成功登录后连接到另一个 JFrame