हल: प्रतिक्रिया रूटर लिंक काम करता है

रिएक्ट राउटर लिंक से जुड़ी मुख्य समस्या यह है कि यह क्लिक करने पर ब्राउज़र के इतिहास को ठीक से अपडेट नहीं करता है। इसका अर्थ यह है कि यदि कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है और फिर बैक बटन दबाता है, तो उसे उस पृष्ठ के बजाय पिछले पृष्ठ पर वापस ले जाया जाएगा जहां से वह अभी-अभी नेविगेट किया गया था। इसके अतिरिक्त, यह कुछ मामलों में अनपेक्षित व्यवहार का कारण बन सकता है, जैसे कि क्वेरी स्ट्रिंग या हैश फ़्रैगमेंट का उपयोग करते समय।

import { BrowserRouter as Router, Route, Link } from "react-router-dom";

<Router>
  <div>
    <Link to="/">Home</Link>
    <Link to="/about">About</Link>

    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
  </div>
</Router>

1. "प्रतिक्रिया-राउटर-डोम" से {ब्राउज़र राउटर राउटर, रूट, लिंक} के रूप में आयात करें;
// यह लाइन प्रतिक्रिया-राउटर-डोम लाइब्रेरी से ब्राउज़र राउटर, रूट और लिंक घटकों को आयात करती है।

2.
// यह लाइन एक राउटर घटक बनाती है जिसका उपयोग हमारे एप्लिकेशन के लिए मार्ग बनाने के लिए किया जाएगा।

3.

// यह हमारे दिव्य तत्व को बंद कर देता है जिसमें हमारे सभी मार्ग और लिंक शामिल हैं

लिंक v6

लिंक v6 रिएक्ट राउटर में एक नया घटक है जो रिएक्ट अनुप्रयोगों के लिए एक घोषणात्मक, सुलभ नेविगेशन समाधान प्रदान करता है। यह पिछले लिंक घटक को प्रतिस्थापित करता है और पहुँच के लिए अधिक सुविधाएँ और बेहतर समर्थन प्रदान करता है। लिंक v6 नियमित लिंक के साथ-साथ डायनेमिक रूटिंग दोनों का समर्थन करता है, जिससे डेवलपर्स को मार्गों को मैन्युअल रूप से प्रबंधित किए बिना या तृतीय-पक्ष पुस्तकालयों का उपयोग किए बिना शक्तिशाली नेविगेशन अनुभव बनाने की अनुमति मिलती है। यह सर्वर-साइड रेंडरिंग का भी समर्थन करता है, जो डेवलपर्स को न्यूनतम प्रयास के साथ एसईओ-अनुकूल एप्लिकेशन बनाने की अनुमति देता है। अंत में, लिंक v6 में एनालिटिक्स ट्रैकिंग के लिए अंतर्निहित समर्थन है, जिससे आपके एप्लिकेशन के साथ उपयोगकर्ता के इंटरैक्शन को ट्रैक करना आसान हो जाता है।

रिएक्ट राउटर लिंक काम क्यों नहीं कर रहा है

रिएक्ट राउटर लिंक रिएक्ट राउटर में काम नहीं कर रहा है, इसके कई संभावित कारण हैं। सबसे आम कारण यह है कि जिस घटक से लिंक किया जा रहा है वह ठीक से कॉन्फ़िगर या सेट अप नहीं है। उदाहरण के लिए, यदि लिंक किया जा रहा घटक ठीक से आयात नहीं किया गया है, या यदि रूट पथ गलत है, तो रिएक्ट राउटर लिंक काम नहीं करेगा। इसके अतिरिक्त, यदि मार्ग पथ या घटक नाम में कोई टाइपो हैं, तो यह रिएक्ट राउटर लिंक के साथ भी समस्याएँ पैदा कर सकता है। अंत में, यदि कई मार्गों (जैसे कि एक ही सटीक पथ वाले दो मार्ग) के बीच कोई विरोध है, तो यह रिएक्ट राउटर लिंक के साथ भी समस्या पैदा कर सकता है।