रिएक्ट राउटर v4/v5 के साथ नेस्टेड रूट

नेस्टेड रूट आपको अपने रिएक्ट एप्लिकेशन के भीतर नेविगेशन के लिए एक पदानुक्रमित संरचना बनाने की अनुमति देते हैं। रिएक्ट राउटर v4 और v5 में, आप इसे और घटकों का उपयोग करके प्राप्त कर सकते हैं।

उदाहरण

निम्नलिखित उदाहरण पर विचार करें, जहां हम अपने एप्लिकेशन को फ्रंटएंड में विभाजित करना चाहते हैं और व्यवस्थापक क्षेत्र।

उपरोक्त उदाहरण में, पहली परिभाषा फ्रंटएंड रूट को परिभाषित करती है, जबकि दूसरी एडमिन रूट को परिभाषित करती है। प्रत्येक रूट एक घटक से जुड़ा होता है जिसे उस रूट तक पहुंचने पर प्रस्तुत किया जाना चाहिए।

विचार

रिएक्ट राउटर v4 में, आप घटकों को नेस्ट नहीं करते हैं। इसके बजाय, आप उन्हें दूसरे के भीतर रखते हैं। उदाहरण के लिए:

बनना चाहिए:

और विषय घटक को इस प्रकार परिभाषित किया जाएगा:

const Topics = ({ match }) => (
  

    
Topics
    
      Example topic
    
    
  
);

यह संरचना आपके एप्लिकेशन के रूटिंग पर अधिक लचीलेपन और नियंत्रण की अनुमति देती है।