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