Avatar ·

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