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?accesso alla variabile dal tag di script nel file html nel componente di risposta
5
A
risposta
3
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.
Problemi correlati
- 1. Come caricare il file di script dal componente html?
- 2. Flask - Accesso alla variabile di configurazione nel modello
- 3. angular2: compresi gli script js di terze parti nel componente
- 4. Posizionamento tag di script HTML?
- 5. Script PHP non funziona nel file HTML
- 6. GWT inserisce l'elemento di script nel file html
- 7. File HTML di accesso Web nel repository Gitlab
- 8. Accesso alla variabile globale da AngularJS
- 9. Embedding JSON oggetti nel tag script
- 10. Chiudi script HTML Tag
- 11. tag di stile e di script nel corpo HTML ... perché no?
- 12. accesso esterno variabile nel ciclo dal Javascript chiusura
- 13. Javascript accesso variabile in HTML
- 14. Stampa dell'output di script php nel file
- 15. script bash - selezionare dal database alla variabile
- 16. Esistono restrizioni per l'utilizzo di tag HTML nel campo "html"?
- 17. Inserisci codice HTML grezzo nel componente Elm
- 18. Include il file PHP nel file HTML
- 19. Come accedere variabile js globale nel angular2 componente
- 20. Risposta HTML dal server
- 21. Stato condiviso nel componente Ember
- 22. Come importare lo script JS nel componente caricatore di vue?
- 23. jquery html() rimuove i tag di script
- 24. tag html nel file app.config nell'applicazione console .net
- 25. Accesso alla directory/cache nel filesystem Android
- 26. Accesso alla variabile SetEnv di Apache da Django wsgi.py file
- 27. Accesso alla matrice di oggetti da visualizzare nel componente Testo nativo React
- 28. Aggiungi qualche HTML nel tag HEAD?
- 29. tag iframe nel componente dà una pagina incompleta sulla pubblicazione
- 30. Accesso alla classe base typedef nel modello di classe derivata
Grazie per la spiegazione dettagliata! –