Wie kann ich deep-clone ein Objekt Reagieren?

let oldMessages = Object.assign({}, this.state.messages);
//this.state.messages[0].id = 718

console.log(oldMessages[0].id);
//Prints 718

oldMessages[0].id = 123;

console.log(this.state.messages[0].id);
//Prints 123

Wie kann ich verhindern, dass oldMessages eine Referenz, das will ich ändern den Wert von oldMessages ohne änderung des Werts von state.messages

Bis ich ein besseres dupe: MDN stellt eine Möglichkeit: developer.mozilla.org/de/docs/Web/JavaScript/Reference/... (siehe "// Deep Clone")
stackoverflow.com/questions/122102/...
Ist this.state.messages ein Objekt oder ein Array?
ja
Möglich, Duplikat der JS: Ist Objekt.assign() erstellen Tiefe Kopie oder flache Kopie

InformationsquelleAutor SpaceDogCS | 2018-02-09

  1. 23

    Die Sie brauchen, um eine Tiefe Kopie. Lodash ist cloneDeep macht dies einfach:

    import cloneDeep from 'lodash/cloneDeep';
const oldMessages = cloneDeep(this.state.messages);
oldMessages[0].id = 123;

    Glück!

    PERFEKT, danke
    in 3 Minuten ich überprüfen, als richtig

    InformationsquelleAutor AryanJ-NYC

  2. -1

    Eine der besten Möglichkeiten, um tiefes Klonen von Objekten ist mit dem verbreiten Betreiber. Es bedeutet Tiefe Klonen ohne uns mit zu schreiben zusätzlichen code.

    Zum Beispiel...

    const obj1 = {foo: {baz: 'bar'}}
const obj2 = {test: 'temp}
const obj3 = {...obj1, ...obj2} 
//obj3 = {foo: {baz: 'bar'}, test: 'temp}
    Der spread-operator nicht tief Klon-Objekte. Dies ist nicht die Beantwortung der Frage.
    Ja, Sie sind richtig. Meine Gedanken zu schreiben, das war immer zu lösen, ein use-case, wo man nicht tief verschachteln.

    InformationsquelleAutor Hozefa

Schreibe einen Kommentar