useContext
هوک useContext: خداحافظ Prop Drilling drilling 🔦
اگر نیاز دارید دیتایی را به عمق درخت کامپوننت بفرستید (مثلاً تم یا زبان)، پاس دادن props در هر لایه خستهکننده است. Context این مشکل را حل میکند.
{code_block('const value = useContext(MyContext);')}این هوک مقدار نزدیکترین Provider بالای سرش را میخواند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای React آشنا هستید. هوکها مفاهیمی هستند که React را از یک کتابخانه خوب به یک استاندارد صنعتی تبدیل کردند. تسلط بر این 9 هوک، شما را در 99% پروژههای واقعی بیمه میکند.
<hr style="margin: 50px 0; border: 0; border-top: 2px dashed #61dafb;">قوانین هوکها (The Rules of Hooks) ⚖️
هوکها توابع ساده جاوااسکریپت هستند، اما دو قانون سختگیرانه دارند که باید رعایت کنید:
- فقط در سطح بالا (Top Level): هوکها را داخل حلقه، شرط یا توابع تودرتو صدا نزنید.
- فقط در توابع React: هوکها را در توابع معمولی جاوااسکریپت صدا نزنید.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
مقدار ThemeContext را با استفاده از هوک دریافت کنید.
const theme = useContext(ThemeContext);آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.