dozoisch / dozoisch/react-async-script
Setting component to rerender when script loaded
- Lingua principale
- JavaScript
- Stelle
- 177
- Fork
- 29
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
Currently I have a component: QuickAdd that needs the google autocomplete api to run
However, while the component renders, it doesn't seem like the autocomplete has finished loading. If i go to another component and then return to the QuickAdd component then it works, which makes me think it needs to rerender after the script is loaded.
The globalName is always passed as a prop and but is always undefined. What other listener can i use for this?
`const callbackName = "onloadcallback";
const globalName = "quickAddLoader";
const url = `https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places`;
const AsyncHoc = makeAsyncScriptLoader(url, {globalName: globalName})(QuickAdd);
export default AsyncHoc; `
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Inizia da makeAsyncScriptLoader e dal componente QuickAdd descritto nell’issue, quindi riproduci la sequenza di caricamento dello script Google Maps Places. Verifica in che modo il loader espone globalName e come QuickAdd viene notificato dopo il caricamento. Il lavoro è completato quando QuickAdd si inizializza in modo affidabile senza navigare altrove e tornare indietro; non viene menzionato alcun file di test.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100