हल: रिएक्ट राउटर v6 में रीडायरेक्ट कैसे करें

रिएक्ट राउटर v6 में पुनर्निर्देशन से संबंधित मुख्य समस्या यह है कि पुनर्निर्देशन के लिए सिंटैक्स पिछले संस्करणों से काफी बदल गया है। V6 में, इसके बजाय रीडायरेक्ट घटक का उपयोग किया जाना चाहिए तत्व, और प्रोप को पथनाम संपत्ति वाले ऑब्जेक्ट के साथ प्रदान किया जाना चाहिए। इसके अतिरिक्त, राज्य या क्वेरी पैरामीटर जैसे किसी भी अतिरिक्त प्रॉप को भी इस ऑब्जेक्ट में शामिल किया जाना चाहिए। यह उन डेवलपर्स के लिए मुश्किल बना सकता है जो रिएक्ट राउटर के पुराने संस्करणों के सरल सिंटैक्स का उपयोग करने के आदी हैं।

In React Router v6, you can use the <Redirect> component to redirect from one page to another.

Example: 

import { Redirect } from 'react-router-dom'; 
 
<Route exact path="/old-path"> 
   <Redirect to="/new-path" /> 
</Route>

1. 'प्रतिक्रिया-राउटर-डोम' से {रीडायरेक्ट} आयात करें;
- यह लाइन रिएक्ट-राउटर-डोम लाइब्रेरी से रीडायरेक्ट कंपोनेंट को इम्पोर्ट करती है।

2.
- यह रेखा "/ पुराने-पथ" के सटीक पथ के साथ रूट घटक बनाती है।

3.
- यह लाइन "/ पुराने-पथ" से "/ नए-पथ" पर रीडायरेक्ट करने के लिए रीडायरेक्ट घटक का उपयोग करती है।

मैं रिएक्ट राउटर v6 में कैसे पुनर्निर्देशित कर सकता हूं

v6

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

'प्रतिक्रिया-राउटर-डोम' से आयात {रीडायरेक्ट};

प्रतिक्रिया राउटर क्या है?

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

प्रतिक्रिया में राउटर के प्रकार

रिएक्ट राउटर रिएक्ट के लिए एक रूटिंग लाइब्रेरी है जो डेवलपर्स को नेविगेशन और यूआरएल रूटिंग के साथ सिंगल-पेज एप्लिकेशन बनाने की अनुमति देती है। यह तीन प्रकार के राउटर प्रदान करता है: ब्राउज़र राउटर, हैश राउटर और मेमोरी राउटर।

BrowserRouter: यह राउटर आपके UI को URL के साथ सिंक में रखने के लिए HTML5 इतिहास API का उपयोग करता है। इसका उपयोग तब किया जाता है जब आप अपने आवेदन में वास्तविक URL का उपयोग करना चाहते हैं।

हैश राउटर: यह राउटर आपके यूआई को यूआरएल के साथ सिंक में रखने के लिए यूआरएल के हैश हिस्से (यानी, #) का उपयोग करता है। इसका उपयोग तब किया जाता है जब आप वास्तविक यूआरएल का उपयोग नहीं करना चाहते हैं या जब आपको पुराने ब्राउज़रों के साथ संगतता की आवश्यकता होती है जो एचटीएमएल 5 इतिहास एपीआई का समर्थन नहीं करते हैं।

मेमोरी राउटर: यह राउटर स्मृति में स्थानों का इतिहास रखता है और ब्राउजर के एड्रेस बार से इंटरैक्ट नहीं करता है या वास्तविक यूआरएल नहीं बनाता है। यह परीक्षण के उद्देश्यों के लिए या उन वातावरणों के लिए उपयोगी है जहाँ वास्तविक URL का उपयोग करना वांछनीय नहीं है (उदाहरण के लिए, सर्वर-साइड रेंडरिंग)।