React - Crear funciones globales a nivel de proyecto sin tener que hacer import

React - Crear funciones globales a nivel de proyecto sin tener que hacer import

Así como python y php permiten crear funciones globales a las que puedes recurrir sin necesidad de hacer su import o use respectivamente.

En mi caso suelo recurrir a esta propiedad para funciones de tooling y de debug.

Cabe destacar que este técnica no se limita a funciones. Se pueden adjuntar objetos, variables o constantes de tipos primitivos.

Definiendo una función

El ejemplo está en React Native

//en App.js, que es el archivo principal, como el típico "index.php" const holamundo = function (){ alert("hola mundo") } global.holamundo ... //en. MiComponente.js import React from 'react' import {View, Text} from 'react-native' const MiComponente = () => { holamundo() return ( Mi componente ) }

Esto mostraría "hola mundo" en un alert cada vez que se renderice el componente MiComponente. Como veréis no he tenido que hacer un import holamundo from "global"

//el ejemplo de la imagen global.print = function(any){ const str = JSON.stringify(any) alert(str) }

Autor: Eduardo A. F.
Publicado: 26-12-2020 21:16