dozoisch / dozoisch/react-async-script
Setting component to rerender when script loaded
- Vorherrschende Sprache
- JavaScript
- Sterne
- 177
- Forks
- 29
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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; `
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne bei makeAsyncScriptLoader und der in der Issue beschriebenen QuickAdd-Komponente und bilde anschließend die Sequenz zum Laden des Google Maps Places-Skripts nach. Prüfe, wie der Loader globalName bereitstellt und wie QuickAdd nach dem Laden benachrichtigt wird. Als erledigt gilt, dass QuickAdd zuverlässig initialisiert wird, ohne weg- und wieder zurückzunavigieren; es wird keine Testdatei erwähnt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100