التحديث المتتالي بدالة Updater | دورة التصيير والاعتماد والحالة كلقطة ثابتة

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

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

عندما تحتاج فعلياً لتحديث متغير الحالة نفسه عدة مرات متتالية في حدث واحد أو الاعتماد المضمون على آخر قيمة مجدولة، مرّر دالة تحديث نقية (Updater Function) بصيغة setCount(c => c + 1)؛ إذ تضعها React في طابور مرتب وتمرر ناتج كل دالة كمدخل للدالة التي تليها.

الصف 2 كود برمجي

HTML

import { useState } from 'react';

function ComboCounter() {
  const [pts, setPts] = useState(0);
  function addThree() {
    setPts((p) => p + 1);
    setPts((p) => p + 1);
    setPts((p) => p + 1);
  }
  return <button onClick={addThree}>XP: {pts}</button>;
}

جرّب بنفسك

الصف 3 ملاحظة هامة

Queuing Updates with Updater التحديث المتتالي بدالة Updater

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

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