Was bedeuten drei Punkte in React? Erklären Sie die Spread-Syntax

Hallo! Ich habe angefangen, React zu lernen, und sehe oft in Codebeispielen seltsame drei Punkte vor Objekten oder Arrays. Zum Beispiel: ```javascript const newObject = { ...oldObject, newKey: 'value' }; ``` Oder in JSX: ```jsx const props = { name: 'John', age: 30 }; ``` Ich verstehe, dass es irgendwie mit dem Kopieren von Daten zusammenhängt, aber ich bin mir nicht ganz sicher. Wenn ich versuche, ähnlichen Code ohne diese Punkte zu schreiben, funktioniert es nicht. Zum Beispiel wollte ich zwei Objekte zusammenführen: ```javascript const user = { name: 'Alice' }; const details = { age: 25, city: 'Moscow' }; const merged = user + details; // Fehler! ``` Oder ein Array kopieren: ```javascript const arr1 = [1, 2, 3]; const arr2 = arr1; // Aber das ist eine Referenz, keine Kopie! arr2.push(4); console.log(arr1); // [1, 2, 3, 4] — nicht das, was ich erwartet habe ``` Können Sie mir sagen, was diese drei Punkte sind? Wie funktionieren sie in JavaScript und React? Warum sind sie so beliebt? Und wie kopiert man Objekte und Arrays richtig, ohne das Original zu mutieren?