dozoisch / dozoisch/react-async-script

Setting component to rerender when script loaded

Offen
#50 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.