Wie implementiert man LocalStorage im reactjs-Projekt??
Der lokale StorageManager ĂŒbernimmt die ganze Arbeit fĂŒr dich, sodass du nicht all die manuellen Aufgaben erledigen musst, die du gerade machst. Lass also die storageManager-Option weg und entferne den Rest. ps. sei vorsichtig mit useEffect, fĂŒge ein leeres Array als AbhĂ€ngigkeit hinzu, sonst ruft es das Init bei jede...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich versuche, LocalStorage in der reactjs-App zu implementieren, aber aus irgendeinem Grund wird die Daten nicht in LocalStorage gespeichert. '''javascript useEffect(() => { const templateComponent = JSON.parse( localStorage.getItem("gjs-components") ); console.log(templateComponent); const templateStyle = JSON.parse(localStorage.getItem("gjs-style")); console.log(templateStyle); const editor = grapesjs.init({ BehĂ€lter: "#editor", Breite: "100vw", GröĂe: "100vh", styleManager: { clearProperties: true, }, components: JSON.parse(localStorage.getItem("gjs-components")), style: JSON.parse(localSt...
Antworten (2)
Der lokale StorageManager ĂŒbernimmt die ganze Arbeit fĂŒr dich, sodass du nicht all die manuellen Aufgaben erledigen musst, die du gerade machst. Lass also die storageManager-Option weg und entferne den Rest. ps. sei vorsichtig mit useEffect, fĂŒge ein leeres Array als AbhĂ€ngigkeit hinzu, sonst ruft...
Danke, dass du das gemeldet hast, @sanchit36. Tolle Frage zu [DRINGEND!! FRAGE]: Wie implementiert man LocalStorage im reactjs-Projekt?? . Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles M...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3225
Wie aktualisiert man den Stil aus dem KontrollkÀstchen-Merkmal?
Hallo @artf Ich versuche, den Stil mit dem KontrollkÀstchen-Merkmal zu aktualisieren, aber die Funktion wird nicht aufgerufen. Hier ist der...
Problem #3627
Ich versuche, die Seite zu duplizieren, aber die Stile werden wegen der IDs, Ănderungen auf -2,-3 am Ende, nicht angewendet.
'''javascript const duplicatePage = (Editor) => { let components = editor.getHtml(); let css = editor.getCss(); let newPage = Editor. Pages...
Problem #4191
Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehÀngt
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.5 Reproduzie...
Problem #3612
Die Slider-Tasten und Tabs von Grapesjs funktionieren nicht wie erwartet
Version 0.17.19 (grapesjs) Version 0.1.5 (grapesjs-lory-slider) Version 1.0.6 (grapesjs-tabs) Kannst du den Fehler aus der Demo reproduzier...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.