suppressHydrationWarning

سلام

در حال ساخت cart هستم که وقتی کاربر روی گزینه add to cart کلیک میکنه این محصول به سبد خرید اضافه میشه و بعدش یه count بالای cart نمایش داده میشود برای اینکه بعد از رفرش همچنان badge یک بالای ایکون کارت نمایش داده بشه تصمیم گرفتم از یک کوکی استفاده کنم که بعد رفرش همچنان count یک نمایش بدم

ولی چون بعد رفرش ecc0-Screenshot (641).png دیتا سمت سرور با کلاینت متفاوت میشه ارور hydration Ui میگیرم که با //suppressHydrationWarning = {true}// مشکل برطرف نشد

Cart v Count badge بالای صفحه سمت راست مشخص

سلام

تا جای ممکن باید به سمتی بریم که تفاوتی وجود نداشته باشه و در موارد خیلی کمی بریم به سمت تفاوت داشتن

یک روش برای حل این مورد استفاده از useEffect یا موارد مشابه برای این مورد هست

اولین باری که رندر میشه مثل همون حالت سرور هست و بعدش تغییرات ما اعمال میشه

بهترین پاسخ

مجتبی سوری ۱۲ شهریور ۱۴۰۱، ۰۴:۳۸