ری ایکٹ راؤٹر 6 نیویگیٹ سے متعلق بنیادی مسئلہ یہ ہے کہ یہ ٹارگٹ روٹ پر پرپس یا اسٹیٹ کو منتقل کرنے کا راستہ فراہم نہیں کرتا ہے۔ اس کا مطلب یہ ہے کہ اگر آپ کو ایک راستے سے دوسرے راستے میں ڈیٹا منتقل کرنے کی ضرورت ہے، تو آپ کو ایک لائبریری کا استعمال کرنا چاہیے جیسے کہ React Query یا Redux۔ مزید برآں، نیویگیشن سسٹم URLs پر مبنی ہے نہ کہ اجزاء پر، اس لیے یہ ان ڈویلپرز کے لیے مشکل ہو سکتا ہے جو URLs کے بجائے اجزاء کے ساتھ کام کرنے کے عادی ہیں۔
import { useHistory } from "react-router-dom";
const history = useHistory();
history.navigate("/path/to/page");
1. یہ لائن یوز ہسٹری ہک کو ری ایکٹ روٹر ڈوم لائبریری سے درآمد کرتی ہے۔
2. یہ لائن ایک نیا مستقل بناتی ہے جسے ہسٹری کہتے ہیں اور اسے UseHistory ہک کو تفویض کرتا ہے۔
3. یہ لائن کسی مخصوص راستے پر جانے کے لیے ہسٹری کنسٹنٹ کا استعمال کرتی ہے، اس صورت میں "/path/to/page"۔
React Router ایک طاقتور روٹنگ لائبریری ہے جو React کے اوپر بنائی گئی ہے جو ڈویلپرز کو ان کی ایپلی کیشنز میں نیویگیشن بنانے، ان کا نظم کرنے اور سنبھالنے میں مدد کرتی ہے۔ یہ ری ایکٹ ایپلی کیشنز کے لیے ایک مکمل روٹنگ حل فراہم کرتا ہے جیسے کہ ڈائنامک روٹ میچنگ، لوکیشن ٹرانزیشن ہینڈلنگ، اسکرول ریسٹوریشن، اور بہت کچھ۔ نیویگیٹ ری ایکٹ راؤٹر کا ایک اہم حصہ ہے جو ڈویلپرز کو ان کی ایپلی کیشن میں مختلف راستوں کے درمیان پروگرام کے مطابق نیویگیٹ کرنے کی اجازت دیتا ہے۔ یہ ہسٹری آبجیکٹ کا استعمال کرتے ہوئے روٹس کے درمیان نیویگیٹ کرنے کے لیے یا براہ راست پاتھ نام فراہم کرکے ایک API فراہم کرتا ہے۔ نیویگیٹ کے ساتھ، ڈویلپر آسانی سے اپنی ایپلیکیشن کے اندر دوسرے صفحات کے لنکس بنا سکتے ہیں اور صارفین کو صفحہ کو دوبارہ لوڈ کیے بغیر مختلف آراء کے درمیان سوئچ کرنے کی صلاحیت فراہم کر سکتے ہیں۔
ری ایکٹ راؤٹر کے ساتھ نیویگیٹ کرنا ایک آسان عمل ہے۔ شروع کرنے کے لیے، آپ کو npm سے React Router پیکیج انسٹال کرنا ہوگا۔ ایک بار انسٹال ہونے کے بعد، آپ استعمال کر سکتے ہیں
آپ دوسرے اجزاء بھی استعمال کرسکتے ہیں جیسے ,
ان اجزاء کو ایک ساتھ استعمال کرنے سے آپ کو اس بات پر طاقتور کنٹرول ملتا ہے کہ صارفین آپ کی ایپلیکیشن کے ذریعے کیسے تشریف لے جاتے ہیں اور انہیں ایسا کرنے کا ایک بدیہی طریقہ فراہم کرتا ہے۔
