Amin Ataee
Amin Ataee
خواندن ۱ دقیقه·۴ سال پیش

صفر تا صد React Hooks ( قسمت چهارم useReducer)

خوب در این قسمت از سری مطالب React Hooks ، قصد داریم useReducer را بررسی کنیم .

از این هوک هنگامی استفاده میشود که یک سری فیلدهای استیت به یکدیگر مرتبط هستند و یا فیلدهایی که مقدار جدید آن ها به مقدار قبلی خود مرتبط است.

** در صورتی که از redux استفاده کرده باشید با مفهوم reducer در ری اکت آشنا هستید. **

برای این که به صورت عملی تر با این هوک آشنا شوید به مثال زیر توجه کنید (مثال زیر همان مثال counter است که در این قسمت به وسیله ی useReducer پیاده سازی شده است .

همانطور که میبینید هوک useReducer دو مقدار را به عنوان ورودی دریافت میکند . اولین پارامتر باید تایع reducer باشد که براساس تایپ ورودی مقادیر داخل استیت را تغییر میدهد. دومین پارامتر هم آبجکت اولیه استیت است .

در مثالهایی که در سری مقالات میبینید صرفا روش استفاده از هوک ها را بررسی میکنیم . برای استفاده ی واقعی و عملی از هوک ها در پایان سری مقالات یک ویدئوی کامل ضبط میشود .

reactjavascriptusereducerبرنامه نویسیبرنامه نویسی
Software engineer
شاید از این پست‌ها خوشتان بیاید