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; // लेकिन यह रेफरेंस है, कॉपी नहीं!\narr2.push(4);\nconsole.log(arr1); // [1, 2, 3, 4] - arr1 भी बदल गया!\n```\n