ماذا يوجد داخل تلك الأشياء المتفاعلة؟

تحتوي React على هذه الأجزاء الرائعة التي تسمى "المكونات" التي تشبه اللبنات الأساسية لموقع الويب. لديهم عوالم صغيرة خاصة بهم تسمى "الدولة" و "الدعائم" التي تساعدهم على القيام بعملهم.

ما هي حالة رد الفعل هذه؟

حالة رد الفعل تشبه ذاكرة المكون. إنه يتتبع المعلومات المهمة داخل المكون ، مثل المتغيرات في وظيفة ما.

متى يجب استخدام الدعائم بدلاً من الحالة؟

الدعائم مخصصة لتمرير المعلومات إلى مكون لا يحتاج إلى تغيير. يعرض المكون المعلومات بطريقة رائعة دون العبث بها.

متى يجب استخدام الحالة بدلاً من الدعائم؟

الحالة هي عندما تحتاج إلى القيام بأشياء بالمعلومات قبل عرضها. إنه مفيد أيضًا لتتبع القيم لهذا المكون فقط.

هل الدعائم والحالة مثل ، غير قابلة للتغيير؟

لا ينبغي تغيير الدعائم بمجرد إعطائها للمكون. لكن الدولة؟ هذا قابل للتغيير تمامًا ، مثل المتغيرات في دالة تحتاج إلى القيام ببعض الأعمال قبل إعطاء النتيجة النهائية.

ما هذا الشيء الذي يسمى "التصيير الشرطي" في React؟

يُعد العرض الشرطي في React خدعة سحرية ، حيث يتم إظهار أو إخفاء الأشياء بناءً على شروط معينة. رائع ، أليس كذلك؟

متى تستخدم "&&"؟

إنه مثل رمز سري! الجانب الأيسر هو الشرط الذي تريد التحقق منه ، وإذا كان صحيحًا ، فسيتم عرض الجانب الأيمن أو يقوم بشيء رائع.

متى يجب استخدام الثلاثي؟

الخيار الثلاثي هو عندما يكون لديك خياران للعرض. إنه مثل كتاب اختر مغامرتك الخاصة. لكن اجعل الأمر بسيطًا بخيارين فقط. إذا كنت بحاجة إلى المزيد ، فانتقل إلى "if… else" أو "مفتاح التبديل" بدلاً من ذلك.

فقط تذكر ، يمكنك استخدام ثلاثية داخل عودة الوظيفة الخاصة بك ، ولكن "if… else" يجب أن يعيش خارج العائد.

ما هو التأثير الجانبي لـ React وهل يمكنك إعطاء بعض الأمثلة؟

الآثار الجانبية في React مثل المهام السرية التي تحدث بعد رسم أحد المكونات على الشاشة. لا تحدث داخل طريقة العرض () ، ولكن مع وظيفة رائعة تسمى useEffect.

أمثلة: فكر في الأشياء التي تؤثر على تطبيقك من الخارج: استدعاءات واجهة برمجة التطبيقات ، ومقابس الويب ، والتخزين المحلي ، ومزامنة حالات متعددة.

متى يتم تشغيل React useEffect ، ومتى لا يتم تشغيلها؟

يتم تشغيله في العرض الأول ثم مرة أخرى كلما حدث تحول للمكون. لكن أولاً ، يتحقق من مصفوفة التبعية.

ما هو شيء مصفوفة التبعية؟

إنها مثل قائمة VIP لوظيفة useEffect. إنها مجموعة من الشروط ، ولا يتم تشغيل useEffect إلا عندما تتغير تلك الشروط.

مثال useEffect:

// Grab useEffect from React
import { useEffect } from 'react';

function MyComponent() {
// Create a count state to use in the useEffect dependency array
const [count, setCount] = React.useState(0);

// Arguments: function and array
// Count is a dependency
useEffect(() => {}, [count]);
// useEffect runs when count isn't 0 anymore

// JSX component return
return ... }