Home / Questions / 508305
Accepted
Giovanny
Asked: 2022-06-11 04:41:05 +0800 CST 2022-06-11 04:41:05 +0800 CST

call variable from another component - reactjs

  • 772

I have a variable in component1 but I need to call that variable in component2 and I haven't been able to do it, this is the code I have:

component1:

import React from 'react'

function Componente1() {

    global.url_login='https://www.deportes.mipagina.com/api/usuarios/';
    
    return (
        <div>        
        </div>
    )
}
export default Componente1

component2 :

import React from 'react'
import Componente1 from './Componente1'

console.log("url" + global.url_login);

function Componente2() {
   
    return (
        <div>   
        
        </div>
    )
}
export default Componente2

reactjs

1 Answers

  1. Best Answer

    The traditional way to set a static attribute to a function is as follows

    // Mostramos el mensaje que contiene el atributo msg de la func App
const App = () => console.log(App.msg)
// Setteamos el atributo "estático"
App.msg = "Hola este es un mensaje"
// Llamamos a la función
App()

    Then in your component you declare it as follows.

    function Componente1() {
  return <div>Hola!</div>;
}
// Aquí setteas la propiedad.
Componente1.global = {
  url_login: "https://www.deportes.mipagina.com/api/usuarios/"
};

export default Componente1;

    And to access it, you simply have to put the name of the imported function and the attribute you want to access.

    import Componente1 from './Componente1'
console.log(Componente1.global.url_login);
    • 1