امیر قادریان
امیر قادریان
خواندن ۱ دقیقه·۲ سال پیش

context hooks

Context hooks:

مقدمه: بی مقدمه!?

هوک کانتکست کجا استفاده میشه؟?

هوک کانتکست یکی از ابزارهای قدرتمند ری اکت هست که به برنامه‌نویسان امکان اشتراک دادن داده‌ها بین کامپوننت‌های مختلف را می‌دهد. با استفاده از هوک کانتکست، می‌تونیم داده‌هایی را که باید به اشتراک گذاشته بشن رو توی یک کانتکست تعریف کنیم بعد ازش توی هر کامپوننتی که خواستیم استفاده کنیم. برای حل مشکل حفاری پراپس ها

(prop drilling) ازش استفاده میشه

این عکس رو داشته باشید:

با کانتکست مستقیم داده ها رو به کامپوننتی که نیاز داره پاس میدیم
با کانتکست مستقیم داده ها رو به کامپوننتی که نیاز داره پاس میدیم

فرض کنید میخوایم یه آرایه از اعداد 1تا 3 رو با کانتکست پاس بدیم:

ابتدا از createContext برای ایجاد کانتکست استفاده میکنیم سپس در این کانتکست آرایه ای شامل اعداد 1 تا 3 تعریف میکنیم بعد با استفاده از ارائه دهنده NumberContext.Provider این آرایه به عنوان مقدار valueپاس داده شده و در قالب کانتکست قرار میگیرد بعد NumberContext و NumberProvider رو اکسپورت میکنیم

بعد اونجایی که می خوایم از این کانتکست استفاده کنیم، به صورت زیر اقدام می‌کنیم:


. در انتها با استفاده از useContext، مقدار این کانتکست به عنوان یک state در Component استفاده میشود.

"آیا این پست برای شما مفید بود؟ با لایک کردن و نظر دادن، به من کمک کنید تا بیشترین استفاده را از این پست داشته باشید."

context hooksهوک کانتکستusecontextcontext
شاید از این پست‌ها خوشتان بیاید