شرح صفوف ومحتوى الفقرة
من أهم المفاهيم الهندسية التي ينبغي ترسيخها أن الخطافات المخصصة تشارك المنطق البرمجي ولا تشارك قيم الحالة نفسها. فعندما يستدعي مكونان مختلفان نفس الخطاف المخصص، لا يشتركان في متغير واحد؛ بل تخصص React لكل مكون خلايا useState() وuseEffect() مستقلة ومعزولة تماماً.
أما إذا أردت أن يقرأ مكونان شقيقان نفس قيمة الحالة المشتركة بالضبط، فارفع الحالة إلى الأب المشترك (Lifting State Up) أو مررها عبر السياق Context.
HTML
function useStepCounter(initial = 0, step = 1) {
const [count, setCount] = useState(initial);
const increment = () => setCount((c) => c + step);
const reset = () => setCount(initial);
return { count, increment, reset };
}