如何在 ReactJS 中连接 unicode 和变量？

Unicode： Unicode 是宇宙中所有字符的编码标准。这个世界上的每一种语言代码和符号都是由 Unicode 分配的。没有支持所有语言的编码标准，通过使用 Unicode 标准，我们可以检索和组合所有语言组合的数据。

例子：

U+2192

在上面的示例中，朝右的箭头在 Unicode 中由 U+2192 表示。

如何创建 React 应用程序：

第 1 步：使用以下命令创建一个 React 应用程序。
```
npx create-react-app geeksforgeeks
```

第 2 步：创建项目文件夹（即 geeksforgeeks）后，使用以下命令移动到该文件夹。

cd geeksforgeeks

项目结构：

文件夹结构

如何在 ReactJS 中连接 Unicode 和变量：为了连接，我们首先将 Unicode 转换为其数值，为此，我们将使用 parseInt。

parseInt(Unicode,base)

现在，这个数值需要转换成它的字符，为此，我们可以使用

String.fromCodePoint(numericalValue).

示例：对您的 App.js 文件进行以下更改

App.js

import React from 'react'
    const App = ({ unicode }) => {
  
    return(
  
       
           This is a Right arrow
           {String.fromCodePoint(parseInt(unicode,16))}
       
   )}
export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
  
    ReactDOM.render(
    
       
    ,
  
   document.getElementById('root')
  
    );

现在在 index.js 文件中导入这个 App.js 文件（默认情况下它已经被导入）并在 App 组件中传递 Unicode 的值。

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
  
    ReactDOM.render(
    
       
    ,
  
   document.getElementById('root')
  
    );

现在在 react-app 目录中使用以下命令运行本地服务器

npm start

输出：

如何在 ReactJS 中连接 unicode 和变量？

App.js

This is a Right arrow {String.fromCodePoint(parseInt(unicode,16))}

index.js

index.js