निराकरण: राउटर dom IndexRedirect प्रतिक्रिया

React Router DOM IndexRedirect शी संबंधित मुख्य समस्या ही आहे की यामुळे अनपेक्षित पुनर्निर्देशन होऊ शकतात. याचे कारण असे की जेव्हा इंडेक्सरिडायरेक्ट घटक वापरकर्त्यांना वेबसाइटच्या रूट URL मध्ये प्रवेश करतात तेव्हा ते निर्दिष्ट मार्गावर स्वयंचलितपणे पुनर्निर्देशित करतात. मूळ URL वर मुख्यपृष्ठ किंवा इतर सामग्री पाहण्याची अपेक्षा करणार्‍या वापरकर्त्यांसाठी हे गोंधळात टाकणारे असू शकते. याव्यतिरिक्त, जर एखाद्या वापरकर्त्याने आधीच एखाद्या विशिष्ट पृष्ठावर नेव्हिगेट केले असेल आणि नंतर त्यांचे ब्राउझर रीफ्रेश केले असेल, तर ते इंडेक्सरिडायरेक्ट घटकामुळे अनपेक्षितपणे त्या पृष्ठावरून दूर केले जाऊ शकतात.

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

<Router>
  <Route path="/">
    <IndexRedirect to="/home" />
    <Route path="/home" component={Home} />
    <Route path="/about" component={About} />
  </Route>  
</Router>

1. “'react-router-dom' वरून { BrowserRouter राउटर, रूट, IndexRedirect} म्हणून आयात करा;” - ही ओळ रिअॅक्ट-राउटर-डोम लायब्ररीमधून BrowserRouter, Route आणि IndexRedirect घटक आयात करते.

2. "” – ही ओळ राउटर घटकामध्ये सर्व मार्ग गुंडाळते जी प्रतिक्रिया अनुप्रयोगासाठी राउटिंग सेट करण्यासाठी वापरली जाते.

3. "” – ही ओळ '/' च्या मार्गासह मार्ग सेट करते. या मार्गावरील कोणत्याही विनंत्या या मार्गाद्वारे हाताळल्या जातील.

4. "” – ही ओळ कोणत्याही विनंत्या '/' मार्गावर '/home' कडे पुनर्निर्देशित करते.

5. "” – ही ओळ '/home' च्या मार्गासह मार्ग सेट करते. या मार्गावरील कोणत्याही विनंत्या होम घटकाद्वारे हाताळल्या जातील जे रूट घटकाला युक्तिवाद म्हणून पास केले जातात.

6. "” – ही ओळ '/about' च्या मार्गासह मार्ग सेट करते. या मार्गावरील कोणत्याही विनंत्या रूट घटकाला युक्तिवाद म्हणून पास केलेल्या अबाऊट घटकाद्वारे हाताळल्या जातील.

7."" आणि "" - या रेषा अनुक्रमे दोन्ही मार्ग आणि राउटर घटक बंद करतात

IndexRedirect म्हणजे काय

IndexRedirect हा React राउटरमधील एक घटक आहे जो तुम्हाला एका मार्गावरून दुसऱ्या मार्गावर पुनर्निर्देशित करण्याची परवानगी देतो. जेव्हा तुम्ही वापरकर्त्याला तुमच्या ॲप्लिकेशनच्या रूट URL वरून दुसऱ्या मार्गावर रीडायरेक्ट करू इच्छित असाल तेव्हा ते वापरले जाते. उदाहरणार्थ, जर तुमच्याकडे “/” च्या रूट URL असलेले ॲप्लिकेशन असेल, तर तुम्ही वापरकर्ता रूट URL ला भेट देता तेव्हा त्यांना “/home” वर रीडायरेक्ट करण्यासाठी IndexRedirect वापरू शकता.

IndexRedirect कसे करावे

React Router मधील IndexRedirect हा वापरकर्त्यांना तुमच्या ॲप्लिकेशनच्या रूट URL वरून दुसर्‍या URL वर पुनर्निर्देशित करण्याचा एक मार्ग आहे. हे वापरकर्त्यांना तुमच्या अॅप्लिकेशनच्या सर्वात महत्त्वाच्या पेजवर निर्देशित करण्यासाठी किंवा लँडिंग पेज तयार करण्यासाठी उपयुक्त ठरू शकते.

React Router मध्ये IndexRedirect करण्यासाठी, तुम्हाला वापरणे आवश्यक आहे घटक हा घटक दोन प्रॉप्स घेतो: “टू” आणि “पुश”. "टू" प्रोप वापरकर्त्यांना तुम्ही ज्या URL वर पुनर्निर्देशित करू इच्छिता ते निर्दिष्ट करण्यासाठी वापरला जातो, तर "पुश" प्रॉप हे पुनर्निर्देशित झाल्यावर ब्राउझर इतिहास अद्यतनित केला जावा की नाही हे निर्धारित करते (डीफॉल्टनुसार खरे).

उदाहरणार्थ, जर तुम्हाला तुमच्या रूट URL (उदा. www.example.com) ला भेट देणार्‍या वापरकर्त्यांना www.example.com/home वर रीडायरेक्ट करायचे असेल, तर तुम्ही याप्रमाणे इंडेक्सरिडायरेक्ट वापरू शकता:

… इतर मार्ग …