ماذا تعني النقاط الثلاث في 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; // خطأ!\n```\n\nأو نسخ مصفوفة:\n\n```javascript\nconst arr1 = [1, 2, 3];\nconst arr2 = arr1; // لكن هذا مرجع وليس نسخة!\narr2.push(4);\nconsole.log(arr1); // [1, 2, 3, 4]\n```\n\nأحتاج لفهم كيف تعمل هذه النقاط الثلاث بشكل صحيح.