रिएक्ट राउटर 6 नेविगेट से जुड़ी मुख्य समस्या यह है कि यह लक्ष्य मार्ग पर प्रॉप्स या स्टेट पास करने का तरीका प्रदान नहीं करता है। इसका मतलब यह है कि यदि आपको डेटा को एक मार्ग से दूसरे मार्ग पर भेजने की आवश्यकता है, तो आपको रिएक्ट क्वेरी या Redux जैसी लाइब्रेरी का उपयोग करना होगा। इसके अतिरिक्त, नेविगेशन सिस्टम URL पर आधारित है न कि घटकों पर, इसलिए यह उन डेवलपर्स के लिए मुश्किल हो सकता है जो URL के बजाय घटकों के साथ काम करने के आदी हैं।
import { useHistory } from "react-router-dom"; const history = useHistory(); history.navigate("/path/to/page");
1. यह लाइन प्रतिक्रिया-राउटर-डोम लाइब्रेरी से यूज़हिस्ट्री हुक आयात करती है।
2. यह लाइन इतिहास नामक एक नया स्थिरांक बनाती है और इसे यूज़ हिस्ट्री हुक को असाइन करती है।
3. यह रेखा एक निर्दिष्ट पथ पर नेविगेट करने के लिए इतिहास स्थिरांक का उपयोग करती है, इस मामले में "/पथ/से/पृष्ठ"।
नेविगेट करें
रिएक्ट राउटर रिएक्ट के शीर्ष पर निर्मित एक शक्तिशाली रूटिंग लाइब्रेरी है जो डेवलपर्स को उनके अनुप्रयोगों में नेविगेशन बनाने, प्रबंधित करने और प्रबंधित करने में मदद करती है। यह डायनेमिक रूट मैचिंग, लोकेशन ट्रांजिशन हैंडलिंग, स्क्रॉल रिस्टोरेशन, और बहुत कुछ जैसी सुविधाओं के साथ रिएक्ट एप्लिकेशन के लिए एक संपूर्ण रूटिंग समाधान प्रदान करता है। नेविगेट रिएक्ट राउटर का एक महत्वपूर्ण हिस्सा है जो डेवलपर्स को अपने एप्लिकेशन में विभिन्न मार्गों के बीच प्रोग्रामेटिक रूप से नेविगेट करने की अनुमति देता है। यह इतिहास वस्तु का उपयोग करके या सीधे पथनाम प्रदान करके मार्गों के बीच नेविगेट करने के लिए एक एपीआई प्रदान करता है। नेविगेट के साथ, डेवलपर आसानी से अपने एप्लिकेशन के भीतर अन्य पृष्ठों के लिंक बना सकते हैं और उपयोगकर्ताओं को पृष्ठ को फिर से लोड किए बिना विभिन्न दृश्यों के बीच स्विच करने की क्षमता प्रदान करते हैं।
मैं प्रतिक्रिया राउटर के साथ कैसे नेविगेट करूं?
रिएक्ट राउटर के साथ नेविगेट करना एक सरल प्रक्रिया है। आरंभ करने के लिए, आपको एनपीएम से रिएक्ट राउटर पैकेज स्थापित करना होगा। एक बार इंस्टॉल हो जाने पर, आप इसका उपयोग कर सकते हैं
आप अन्य घटकों का भी उपयोग कर सकते हैं जैसे ,
इन घटकों का एक साथ उपयोग करने से आपको इस पर शक्तिशाली नियंत्रण मिलता है कि उपयोगकर्ता आपके एप्लिकेशन के माध्यम से कैसे नेविगेट करते हैं और ऐसा करने के लिए एक सहज तरीका प्रदान करते हैं।