¿Cómo concatenar unicode y variable en ReactJS?

Unicode: Unicode es un estándar de codificación para todos los caracteres del universo. Cada código de idioma y símbolo en este mundo es asignado por Unicode. No existe un estándar de codificación que admita todos los idiomas. Al usar el estándar Unicode, podemos recuperar y combinar datos con todas las combinaciones de idiomas.

Ejemplo: 

U+2192

En el ejemplo anterior, una flecha hacia la derecha está representada en Unicode por U+2192.

Cómo crear la aplicación React:

• Paso 1: Cree una aplicación React usando el siguiente comando.

   npx create-react-app geeksforgeeks

• Paso 2: después de crear la carpeta de su proyecto, es decir, geeksforgeeks, acceda a ella con el siguiente comando.

  cd geeksforgeeks

Estructura del proyecto:



Estructura de carpetas

Cómo concatenar Unicode y variable en ReactJS: Para concatenar primero convertimos Unicode en su valor numérico y para eso, usaremos parseInt.

parseInt(Unicode,base)

Ahora, este valor numérico debe convertirse en su carácter y para eso, podemos usar

String.fromCodePoint(numericalValue).

Ejemplo: Realice los siguientes cambios en su archivo App.js

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

Ahora importe este archivo App.js en su archivo index.js (de forma predeterminada ya se está importando) y pase el valor de Unicode en el componente de la aplicación.

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
  
    ReactDOM.render(
    <React.StrictMode>
       <App unicode='2192'/>
    </React.StrictMode>,
  
   document.getElementById('root')
  
    );

Ahora ejecute el servidor local usando el siguiente comando dentro del directorio de la aplicación de reacción  

npm start

Producción: