همانطور که در قسمت قبل گفتم ما می توانیم ingredients را در firebase ثبت کنیم اما هنوز کد های دریافت آن را ننوشته ایم. در واقع هدف این است که به محض render شدن کامپوننت ingredients.js، محتویات را از سرور firebase دریافت کنیم. حتما یادتان است که برای چنین کاری از lifecycle hook هایی مثل componentDidMount استفاده می کردیم اما این کامپوننت از نوع کاربردی است و lifecycle hook ها فقط در کامپوننت های کلاس محور قابل دسترسی بود. React برای حل این مشکل useEffect را معرفی می کند که یکی دیگر از react hook ها می باشد. ما این hook را وارد فایل ingredients.js می کنیم:
پنل نویسندگان