عبد النور محمد نشر 5 سبتمبر 2021 أرسل تقرير مشاركة نشر 5 سبتمبر 2021 كيف يمكنني إزالة أو تحديث معلمات الاستعلام بدون تحديث الصفحة في Next JS (React)؟ المستخدم موجود على URL / about؟ login = success & something = yes انقر فوق الزر وإزالة login = success & something = yes كيف يمكنني تحقيق ذلك؟ 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 شرف الدين حفني نشر 5 سبتمبر 2021 أرسل تقرير مشاركة نشر 5 سبتمبر 2021 السؤال غير واضح بشكل ما, هل تريد تغيير الurl ام تغيير المتغيرات في router.query ? + ماذا تريد ان تحقق بالظبط حتى أستطيع مساعدتك اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 محمد أبو عواد نشر 5 سبتمبر 2021 أرسل تقرير مشاركة نشر 5 سبتمبر 2021 يمكنك استخدام history.replaceState لتنفيذ ذلك كالتالي window.history.replaceState(null, '', '/about') اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عبدالباسط ابراهيم نشر 5 سبتمبر 2021 أرسل تقرير مشاركة نشر 5 سبتمبر 2021 هل تقصد أنك تريد إزالة ال Query Params عند الضغط على الزر ؟ إذا كان كذلك يمكنك استخدام الدالة router.replace كالتالي const router = useRouter(); router.replace("/about", undefined, { shallow: true }); الرابط سوف يكون كالتالي فقط /about لاحظ أن ال shallow: true تسمح لك تحديث الرابط بدون تنفيذ دوال ال data fetching يمكنك القراءة أكثر عن الموضوع من خلال موقع next تحت عنوان Shallow Routing اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Ali Haidar Ahmad نشر 5 سبتمبر 2021 أرسل تقرير مشاركة نشر 5 سبتمبر 2021 (معدل) يمكنك حل المشكلة بالشكل التالي: push(`${asPath.split('?')[0]}?comp=${id}`); // أو إذا كنت تريد دالة قابلة لإعادة الاستخدام function delQuery(asPath) { return asPath.split('?')[0] } .. .. const {push, asPath} = useRouter() push(`${delQuery(asPath)}?comp=${id}`); كما يمكنك استخدام history.replaceState لكن قد : if (typeof window !== "undefined") { window.history.replaceState(null, '', '/about') } تم التعديل في 5 سبتمبر 2021 بواسطة Ali Haidar Ahmad اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
عبد النور محمد
كيف يمكنني إزالة أو تحديث معلمات الاستعلام بدون تحديث الصفحة في Next JS (React)؟
المستخدم موجود على
URL / about؟ login = success & something = yes
انقر فوق الزر وإزالة
login = success & something = yes
كيف يمكنني تحقيق ذلك؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
4 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.