NavLink पर "activeClassName" और "activeStyle" सेट करने की क्षमता के अलावा, क्या आपकी साइट पर गैर-नेविगेशनल तत्वों (अर्थात हेडर या पाद लेख में मुख्य नौसेना नहीं) पर अन्य मार्गों के लिंक बनाते समय लिंक पर NavLink का उपयोग करने का कोई कारण है । कि एक सक्रिय राज्य / वर्ग की जरूरत नहीं है?
राउटर V4 <NavLink> बनाम <लिंक> लाभ
जवाबों:
आधिकारिक दस्तावेज स्पष्ट है:
<NavLink>
<Link>मौजूदा URL से मेल खाने पर इसका एक विशेष संस्करण स्टाइलिंग विशेषताओं को प्रदान किए गए तत्व में जोड़ देगा।
इस प्रकार, उत्तर नहीं है । उल्लिखित एक को छोड़कर कोई अन्य कारण नहीं हैं।
जब आपको सक्रिय पर शैली या वर्ग विशेषताओं का उपयोग करने की आवश्यकता होती है <Link>, तो आप उपयोग कर सकते हैं<NavLink>
उदाहरण देखें:
संपर्क
<Link to="/">Home</Link>
NavLink
<NavLink to="/" activeClassName="active">Home</NavLink>
लिंक घटक
इसका उपयोग लिंक बनाने के लिए किया जाता है जो विभिन्न URL पर नेविगेट करने की अनुमति देता है और जब हम उस विशेष लिंक पर क्लिक करते हैं , तो उसे उस पृष्ठ को लोड करना चाहिए जो पृष्ठ को फिर से लोड किए बिना उस पथ से जुड़ा हुआ है। उदाहरण:
नवलिंक घटक:
अगर, हम लिंक में कुछ शैलियों को जोड़ना चाहते हैं । ताकि जब हम किसी विशेष लिंक पर क्लिक करें, तो यह आसानी से पहचाना जा सके कि कौन सा लिंक सक्रिय है। इस प्रतिक्रिया के लिए राउटर लिंक के बजाय नवलिंक प्रदान करता है । अब से लिंक की जगह Navlink और गुण जोड़ने activeStyle । ActiveStyle गुण जब हम पर लिंक पर क्लिक करें, यह अलग शैली के साथ प्रकाश डाला जाना चाहिए ताकि हम अंतर कर सकते हैं जो लिंक वर्तमान में सक्रिय है मतलब है। उदाहरण:
बस, जब आप उपयोग करते हैं <Link>तो चयनित तत्व पर कोई सक्रिय वर्ग नहीं होता है।
इसके विपरीत, <NavLink>चयनित तत्व के साथ हाइलाइट किया जाता है क्योंकि इस तत्व को एक सक्रिय वर्ग जोड़ा जाता है।
आशा है कि आप के लिए उपयोगी है।
कुछ कोड नमूने उपयोगकर्ताओं की मदद करेंगे। समीक्षा से
—
वैभव विशाल
NavLinkपहुँच के लिए पृष्ठ पर उचित ध्यान केंद्रित रखता है। लिंक का उपयोग करते समय, प्रारंभिक फोकस पृष्ठ लोड पर खो जाता है और आप यह भी देखेंगे कि उपयोग करते समय ड्रॉपडाउन के माध्यम से टैबिंग भी टूट जाती हैLink। NavLink इसे ठीक करता है।