Adam Ebrahim نشر 13 مايو 2021 أرسل تقرير مشاركة نشر 13 مايو 2021 أريد أن يتم تنفيذ دالة معينة إن قام المستخدم بالضغط على أحد الرابط وإنتقالة إلى صفحة أخرى في الموقع، أي عمل شيء يشبه حدث onUrlChange من خلال كود كالتالي: reactRouter.onUrlChange(url => { console.log('URL Changed: ', url) }); هل يمكن تنفيذ شيء كهذا في React؟ أستخدم React-router اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Salah Eddin Beriani2 نشر 13 مايو 2021 أرسل تقرير مشاركة نشر 13 مايو 2021 نعم يوجد history.listen وهي تساعدك لتعرف أن route قد تغير import React, { useEffect } from 'react'; import { useHistory } from 'react-router-dom'; const App = () => { const history = useHistory(); useEffect(() => { return history.listen((location) => { console.log(`You changed the page to: ${location.pathname}`); }); }, [history]); return <div>...</div>; }; طبعا يجب أن يكون المكون الذي يحتوي هذه الشيفرة في أعلى هرم المكونات 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Adam Ebrahim
أريد أن يتم تنفيذ دالة معينة إن قام المستخدم بالضغط على أحد الرابط وإنتقالة إلى صفحة أخرى في الموقع، أي عمل شيء يشبه حدث onUrlChange من خلال كود كالتالي:
هل يمكن تنفيذ شيء كهذا في React؟
أستخدم React-router
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.