رفرش شدن صفحه ای که قبلا باز شده

[محمد مهدی]

سلام و عرض ادب

من توی اپلیکیشن با استفاده از reactnavigation بین صفحه ها پیمایش میکنم. بعضی از صفحه ها نیاز هست که هر باز که باز میشه رفرش بشه. مثل سبد خرید

مثلا اگر یه بار صفحه سبد خرید باز بشه محتوای سبد رو لود کنه و بعدش برم چیزی به سبد اضافه کنم و مجدد بیام تو صفحه سبد خرید ، صفحه آپدیت نمیشه و همچنان همون محتوای قبلی رو نشون میده

چه جوری باید این مشکل رو حل کنم؟

ممنون

[مهدی حسن زاده]

سلام.چیزی تحت عنوان refresh شدن صفحه نداریم
وقتی یک مورد به صفحه خرید اضافه میشه باید به state ای که برای صفحه خرید در نظر گرفتید اضافه بشه.برای پیاده سازی صفحه خرید از state manger ها مثل redux استفاده میکنند.یا از Context که خود react در اختیارتون گذاشته استفاده کنید
در نظرداشته باشید که در react native چیزی تحت عنوان refresh شدن نداریم اصلا.

[محمد مهدی]

بله متوجه شدم. منظورم از رفرش اینی نبود که شما گفتین. اتفاقا هر بار که وارد صفحه سبد خرید میشدم تابع componentDidMount هم اجرا میشد. ولی همچنان همون نتایج قبلی رو برمیگردوند و محتوای سبد خرید تغییر نمی کرد حتی با وجود حذف و اضافه

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

در واقع برای اینکه از کش استفاده نشه، تابع fetch باید به این صورت نوشته بشه :

JavaScript

async function fetchData(url) { try { const response = await fetch(url, { headers: { 'Cache-Control': 'no-cache' } }); const json = await response.json(); return json.data; } catch (error) { console.error(error) } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

async function fetchData(url) {     try {         const response = await fetch(url, {             headers: {                 'Cache-Control': 'no-cache'             }         });         const json = await response.json();         return json.data;     }     catch (error) {         console.error(error)     } }

در هر صورت ممنون از پاسخگویی شما

[نویسنده]

نوشته‌ها