در جلسه ی قبل توانستیم hook خودمان را بسازیم اما مشکلی وجود داشت. هنوز نمی توانیم ingredients درون کامپوننت را به روز رسانی کنیم بنابراین UI نیز پس از حذف یا اضافه کردن آیتم ها به روز رسانی نمی شد. ما می توانیم از hook ای به نام useEffect برای انجام این کار (به روز رسانی ingredients پس از حذف آیتم) استفاده کنیم. اگر یادتان باشد useEffect پس از اتمام هر چرخه اجرا می شود. در حال حاضر اگر موفق به ارسال درخواست شویم یک RESPONSE را Dispatch می کنیم که باعث می شود state تغییر کرده و کامپوننت Ingredient خودش را دوباره بسازد و re-render شکل بگیرد. در حال حاضر useEffect ما به شکل زیر است (درون فایل Ingredients.js):
پنل نویسندگان