Saltar al contenido

Cómo declarar una variable global en ReactOct, 20thIn este tutorial, vamos a aprender acerca de cómo declarar un mundial …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo declarar una variable global en la aplicación reaccionar.

A veces tenemos que acceder a los datos particulares a lo largo de nuestra aplicación en estos casos podemos crear variables globales en reaccionar.

Declarar una variable global

En este ejemplo, estamos declarando una variable global denominada ventana. $ Nombre de archivo dentro index.js.

Abrir el archivo de index.js y añadir el siguiente código.

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

window.$name = 'king' //global variable

ReactDOM.render(, document.getElementById('root'));

Acceso a la variable global

Ahora podemos acceder a la ventana variable global. $ Nombre de nuestros componentes.

import React from "react";

function App() {
const name = window.$name; console.log(name); // 'king'

return (

{name}

);
}

export default App;