خوب ، همه ما می دانیم که ref به ما کمک می کند تا به DOM دسترسی پیدا کنیم. اما بیایید وضعیت بعدی را در نظر بگیریم ، ما برخی از م componentلفه های React را داریم و می خواهیم بدانیم این م componentلفه چند بار ارائه شده است. چگونه می توانیم به آن دست پیدا کنیم؟ خوب ، شاید بتوانیم از React استفاده کنیم
useEffectو
useStateقلاب ها برای تعیین مجدد ارائه م componentلفه. چیزی شبیه به این:
همانطور که می بینید آنطور که می خواهیم کار نمی کند. بعد از اینکه م componentلفه ارائه شد ، یک حالت جدید تنظیم می کنیم که به دنبال رندر مجدد م andلفه و دوباره تنظیم حالت است. حلقه بی نهایت
شاید بتوانیم هر بار که م objectلفه دوباره ارائه می شود ، یک شی ایجاد کنیم و مقدار آن را به روز کنیم؟
نه ، کار نمی کند هر رندر دامنه خاص خود را ایجاد می کند و هر دامنه خاص خود را دارد
renderedCounter. بنابراین ، شاید ما فقط بتوانیم این حالت را از م componentلفه دور کنیم ، درست است؟
این کار مفید است ، اما نگه داشتن هر چیزی خارج از ملفه عمل خوبی نیست. و اینجا زمانی است که
useRefقلاب به ما کمک خواهد کرد. همانطور که در اسناد نوشته شده است ، useRef یک شی ref قابل تغییر می دهد که خاصیت فعلی آن در آرگومان عبور یافته (مقدار اولیه) مقدار دهی اولیه می شود. “
هر رندر همان شی mut قابل تغییر را که توسط قلاب useRef ایجاد شده است به اشتراک می گذارد. این یک روش عالی برای تقسیم حالت بین هر رندر است بدون ایجاد رندر جدید.
برچسب ها
حساب رایگان خود را برای باز کردن قفل خود ایجاد کنید …