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

State Behaves Like Snapshot الحالة كلقطة ثابتة بالتصيير

تتبّع مراحل التحفيز والتصيير والاعتماد الثلاث في React، وافهم كيف تتصرف الحالة كلقطة ثابتة في كل تصيير، وتجميع التحديثات ودوال التحديث والتهيئة الكسولة.
3 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

تتصرف الحالة في React مثل لقطة فوتوغرافية ثابتة (Snapshot) خاصة بكل عملية تصيير؛ فاستدعاء setCount(count + 1) لا يغيّر قيمة المتغير count داخل دالة الحدث الجارية حالياً، بل تظل قيمته ثابتة حتى تنتهي الدالة، وتجدول React تصييراً جديداً يحمل لقطة محدثة بالقيمة الجديدة.

الصف 2 كود برمجي
HTML 
import { useState } from 'react';

function SnapshotTrap() {
  const [score, setScore] = useState(0);
  function bump() {
    setScore(score + 1);
    setScore(score + 1);
  }
  return <button onClick={bump}>Pts: {score}</button>;
}
جرّب بنفسك
الصف 3 معاينة حية

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