如何在ReactJS中串联unicode和变量？

如何在 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

  输出: