如何在 ReactJS 中串联 unicode 和变量?
原文:https://www . geeksforgeeks . org/如何在 reactjs 中连接 unicode 和变量/
Unicode: Unicode 是宇宙中所有字符的编码标准。这个世界上的每一种语言代码和符号都是由 Unicode 指定的。没有支持所有语言的编码标准,通过使用 Unicode 标准,我们可以检索和组合所有语言组合的数据。
示例:
U+2192
在上面的例子中,一个向右的箭头用 Unicode 表示为 U+2192。
如何创建反应应用程序:
-
步骤 1: 使用以下命令创建一个 React 应用程序。
jsx npx create-react-app geeksforgeeks
-
步骤 2: 创建项目文件夹(即 geeksforgeeks)后,使用以下命令移动到该文件夹。
jsx cd geeksforgeeks
项目结构:
文件夹结构
如何在 ReactJS 中连接 Unicode 和变量:为了连接,我们首先将 Unicode 转换为它的数值,为此,我们将使用 parseInt。
jsx parseInt(Unicode,base)
现在,这个数值需要转换成它的字符,为此,我们可以使用
jsx String.fromCodePoint(numericalValue).
示例:对 App.js 文件进行以下更改
App.js
```jsx import React from 'react' const App = ({ unicode }) => {
return(
This is a Right arrow {String.fromCodePoint(parseInt(unicode,16))}
)} export default App; ```现在在您的 index.js 文件中导入这个 App.js 文件(默认情况下,它已经被导入),并在 App 组件中传递 Unicode 值。
index.js
```jsx import React from 'react'; import ReactDOM from 'react-dom'; import App from './App';
ReactDOM.render( ,
document.getElementById('root')
); ```
现在在 react-app 目录中使用以下命令运行本地服务器
jsx npm start
输出:
版权属于:月萌API www.moonapi.com,转载请注明出处