নাভিলিঙ্কে একটি "অ্যাক্টিভ ক্লাসনাম" এবং "অ্যাক্টিভ স্টাইল" সেট করার ক্ষমতা ছাড়াও, আপনার সাইটে নন-নেভিগেশনাল উপাদানগুলিতে (যেমন, প্রধান শিরোনাম বা পাদচরণে মূল ন্যাভ নয়) লিঙ্কগুলি তৈরি করার সময় ন্যাভলিঙ্ক ওভার লিংক ব্যবহার করার কোনও কারণ আছে কি? একটি সক্রিয় রাষ্ট্র / শ্রেণির প্রয়োজন নেই?
প্রতিক্রিয়া রাউটার ভি 4 <নব লিঙ্ক> বনাম <লিঙ্ক> সুবিধা
উত্তর:
সরকারী ডকুমেন্টেশন পরিষ্কার:
<NavLink>এর একটি বিশেষ সংস্করণ
<Link>যা বর্তমান ইউআরএলের সাথে মেলে যখন রেন্ডার উপাদানকে স্টাইলিং বৈশিষ্ট্য যুক্ত করবে।
সুতরাং, উত্তর নেই । উল্লিখিতটি ব্যতীত অন্য কোনও কারণ নেই।
যখন আপনাকে সক্রিয়তে স্টাইল বা শ্রেণীর বৈশিষ্ট্যগুলি <Link>ব্যবহার করতে হবে, তখন আপনি ব্যবহার করতে পারেন<NavLink>
উদাহরণটি দেখুন:
লিঙ্ক
<Link to="/">Home</Link>
নাভলিঙ্ক
<NavLink to="/" activeClassName="active">Home</NavLink>
লিঙ্ক উপাদান
এটি এমন লিঙ্ক তৈরি করতে ব্যবহৃত হয় যা বিভিন্ন ইউআরএল নেভিগেট করতে দেয় এবং আমরা যখন সেই নির্দিষ্ট লিঙ্কের কোনওটিতে ক্লিক করি তখন পৃষ্ঠাটি পুনরায় লোড না করেই সেই পৃষ্ঠাটি লোড করা উচিত path উদাহরণ:
নাভলিঙ্ক উপাদান:
যদি, আমরা লিঙ্কটিতে কিছু স্টাইল যুক্ত করতে চাই । যাতে আমরা যখন কোনও নির্দিষ্ট লিঙ্কে ক্লিক করি তখন সহজেই সনাক্ত করা যায় কোন লিঙ্কটি সক্রিয়। এই প্রতিক্রিয়া রাউটার প্রদান করে NavLink পরিবর্তে লিংক । এখন লিঙ্কটি নাভলিঙ্ক থেকে প্রতিস্থাপন করুন এবং সক্রিয় বৈশিষ্ট্য যুক্ত করুন স্টাইল । ActiveStyle বৈশিষ্ট্য যখন আমরা এর লিঙ্কে ক্লিক করুন, এটা ভিন্ন শৈলী সঙ্গে হাইলাইট করা উচিত, যাতে আমরা পার্থক্য করতে পারে লিংক বর্তমানে সক্রিয় মানে। উদাহরণ:
সহজভাবে, আপনি যখন ব্যবহার করেন নির্বাচিত উপাদানগুলিতে <Link>কোনও সক্রিয় শ্রেণি নেই।
বিপরীতে, <NavLink>নির্বাচিত উপাদানটি হাইলাইট করা হয় কারণ এই উপাদানটি একটি সক্রিয় শ্রেণি যুক্ত করা হয়।
আপনার জন্য দরকারী আশা করি।
কিছু কোড নমুনা ব্যবহারকারীদের সহায়তা করবে। পর্যালোচনা থেকে
—
বৈভব বিশাল
NavLinkঅ্যাক্সেসযোগ্যতার জন্য পৃষ্ঠাটিতে সঠিক ফোকাস রাখে। লিঙ্কটি ব্যবহার করার সময়, প্রাথমিক ফোকাসটি পৃষ্ঠা লোডে হারিয়ে যায় এবং আপনি লক্ষ্য করবেন যে ব্যবহারের সময় ড্রপডাউনগুলির মাধ্যমে ট্যাবিংও ভেঙে যায়Link। নাভলিঙ্ক এটি ঠিক করে।