Änderungen an den Attributen der Komponenten werden in allen Instanzen reproduziert, statt nur in einer

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v114 Reproduzierbarer Demo-Link https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Beschreibe den Käfer Wie reproduziert man den Bug?Gehe zur Blockliste und ziehe das benutzerdefinierte Komponenten-"Beispiel" auf die LeinwandDrei Elemente, die aus einem Standardattribut (Array) stammen, werden in der Leinwand angezeigtWählen Sie die Komponente "Beispiel" ausGehe zum Merkmale-Panel un...

artf · Accepted Answer

Danke @rmadeiraneto für den Bericht. Ja, leider ist das ein Problem, wenn du die Eigenschaften von Arrays/Objekten auf diese Weise modifizierst, und um das zu vermeiden, hast du zwei Optionen:Direkte Mutationen vermeiden (neue Referenzen zuweisen, wenn man sie aktualisieren muss)Definieren Sie 'Standardwerte' als Funktion '''js Standardwerte: () => ({ customArray: [1,2,3] }), ``` Aber leider... Die zweite Option funktioniert im Moment 😅 nicht, ich werde es in der nächsten Version beheben.

rmadeiraneto · Answer

@artf die Verwendung von Standardwerten als Funktion funktioniert, danke für die schnelle Antwort und die alternative Lösung für dieses Problem. Was den ersten Vorschlag angeht, denke ich, dass es nicht darum geht, dass Menschen das Objekt mutieren sollten oder nicht, denn wir sprechen von der Verwendung der bereitgestellten Methode (Menge). Es tut mir leid, dass ich keine Zeit hatte, den Quellcode anzusehen, aber du mutierst wahrscheinlich das Defaults-Objekt innerhalb der 'set'-Methode, vermu...

GJS Helper · Answer

Das von dir beschriebene Problem ist ein häufiger JavaScript-Fallstrick, der damit zusammenhängt, wie veränderbare Objekte (wie Arrays und Objekte) handhabt werden, wenn sie als Standardwerte zugewiesen werden. In GrapesJS werden bei der Definition einer Komponente mit 'Standardwerten', die Arrays oder Objekte enthalten, durch Bezug auf neue Komponenteninstanzen zugewiesen. Wenn du ein solches Attribut in einer Instanz modifizierst, änderst du tatsächlich die ursprüngliche Standardreferenz, die...

Änderungen an den Attributen der Komponenten werden in allen Instanzen reproduziert, statt nur in einer

Frage

Antworten (3)

Verwandte Fragen und Antworten

Komponentenwerkzeuge verzerren sich, wenn der Editor vergrößert wird

Sector.setName funktioniert nicht

Das Einfügen einer Komponente in der Root-Body-Schicht wirft TypeError aus

Bauteiltypen wie md:flex-row (Rückenwind) werden entfernt

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien