accesso alla variabile dal tag di script nel file html nel componente di risposta

Question

Ho iniziato a lavorare su javascript e React.js recentemente. Al momento ho alcuni tag script nel mio file main.html e devo essere in grado di accedere ad alcune variabili da questi tag nei miei componenti React.js. C'è un modo per fare questo?

Answer 1

Se le variabili sono state definite direttamente nel tag <script>, quindi sono globali e si dovrebbe essere in grado di fare semplicemente riferimento a esse da uno dei componenti di React.

Detto questo, non dovresti farlo. Questo introduce una dipendenza che non solo rende molto difficile riutilizzare il componente, ma sarà anche un incubo di manutenzione a causa della sua in-trasparenza.

Invece, quando si esegue il rendering del componente radice, passare la variabile come proprietà e passarla attraverso l'albero componente al componente che lo richiede. In questo modo, solo il componente radice dipende da variabili esterne e le interfacce dei componenti di livello inferiore sono definite in modo pulito e trasparente.