انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: تحديث المصفوفات في الحالة بطرق غير مغيرة

Adding Items to State Arrays إضافة عناصر لبداية ونهاية المصفوفة

أتقن تحديث مصفوفات الحالة بنقاء تام في React عبر إضافة العناصر بمعامل الانتشار وحذفها بدالة filter وتعديلها بدالة map وإدراجها بـ slice وترتيب النسخ.
3 صفوف تعليمية
ReactJS
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لإضافة عنصر جديد في نهاية المصفوفة كبديل نقي لدالة push()، ضع العنصر بعد معامل الانتشار هكذا setModules([...modules, newModule]). ولإضافته في بداية المصفوفة كبديل لدالة unshift()، ضعه قبل الانتشار هكذا setModules([newModule, ...modules]).

الصف 2 كود برمجي
HTML 
import { useState } from 'react';
function TagList() {
  const [tags, setTags] = useState(['JSX', 'Props']);
  const add = () => setTags([...tags, 'Hooks']);
  return (
    <button onClick={add}>Tags: {tags.length}</button>
  );
}
جرّب بنفسك
الصف 3 معاينة حية

جميع فقرات هذا الدرس (تحديث المصفوفات في الحالة بطرق غير مغيرة)