React में तीन बिंदुओं का क्या अर्थ है? स्प्रेड सिंटैक्स (spread syntax) समझाएं

नमस्ते! मैंने React सीखना शुरू किया है और कोड उदाहरणों में अक्सर ऑब्जेक्ट या ऐरे से पहले तीन बिंदु देखता हूँ। उदाहरण के लिए:\n\n```javascript\nconst newObject = { ...oldObject, newKey: 'value' };\n```\n\nया JSX में:\n\n```jsx\nconst props = { name: 'John', age: 30 };\n\n```\n\nमैं समझता हूं कि यह डेटा कॉपी करने से संबंधित है, लेकिन पूरी तरह से समझ नहीं पाया हूं। जब मैं इन बिंदुओं के बिना समान कोड बनाने की कोशिश करता हूं, तो सब कुछ टूट जाता है। उदाहरण के लिए, मैं दो ऑब्जेक्ट को मर्ज करना चाहता था:\n\n```javascript\nconst user = { name: 'Alice' };\nconst details = { age: 25, city: 'Moscow' };\nconst merged = user + details; // Error!\n```\n\nया ऐरे कॉपी करना:\n\n```javascript\nconst arr1 = [1, 2, 3];\nconst arr2 = arr1; // But this is a reference, not a copy!\narr2.push(4);\nconsole.log(arr1); // [1, 2, 3, 4] - original array also changed!\n```\n\nकृपया समझाएं कि यह तीन बिंदु वाला सिंटैक्स कैसे काम करता है और इसका सही उपयोग कब करना चाहिए।