Usare variabili globali in React

Per "variaibli globali" intendiamo dei valori da riutilizzare all'interno della nostra applicazione.

E chi siano anche facilmente modificabili per tutti i componenti.

In React è abbastanza facile ottenere questo risultato; pensiamo ad esempio al path di un web service, che magari può cambiare tra test e produzione.

All'interno di src create una cartella (ad esempio config); qui create un file Javascript (ad esempio config.js).

Mettete dentro qualche valore che volete usare in un componente:

export const API_BASE = 'https://www.sito.it/api/';

Come vedete è una costante alla quale abbiamo aggiunto la parola chiave export.

Adesso nel nostro componente:

import React from 'react';
import {API_BASE} from "../config/config";

export default class Home extends React.Component {

    componentDidMount() {
        console.log(API_BASE);
    }
}

Enjoy!