useRef
هوک useRef: دسترسی به DOM 🔗
useRef دو کاربرد اصلی دارد:
- دسترسی مستقیم به یک المان DOM (مثلاً برای فوکوس کردن روی اینپوت).
- ذخیره مقداری که با تغییرش نمیخواهیم رندر مجدد اتفاق بیفتد (Mutable Variable).
تبریک میگویم! شما اکنون با قدرتمندترین ابزارهای 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: هوکها را در توابع معمولی جاوااسکریپت صدا نزنید.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
یک ref برای اینپوت تعریف کنید و به آن متصل نمایید.
return <input ref={inputRef} />;آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.