ரியாக்ட் ரூட்டர் வெளிப்புற இணைப்புகள் தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், வெவ்வேறு பக்கங்களுக்கு இடையில் செல்லும்போது அவை எதிர்பாராத நடத்தையை ஏற்படுத்தும். எடுத்துக்காட்டாக, ரியாக்ட் ரூட்டர் பக்கத்தில் இருக்கும் போது ஒரு பயனர் வெளிப்புற இணைப்பைக் கிளிக் செய்தால், பயன்பாட்டிற்குள் இருக்கும் புதிய பக்கத்திற்கு ரூட்டிங் செய்வதற்குப் பதிலாக உலாவி தற்போதைய பக்கத்திலிருந்து விலகிச் செல்லும். பக்கங்களுக்கு இடையே ஒரு சுமூகமான மாற்றத்தை எதிர்பார்க்கும் பயனர்களுக்கு இது குழப்பம் மற்றும் விரக்தியை ஏற்படுத்தும். கூடுதலாக, வெளிப்புற இணைப்புகள் SEO இல் சிக்கல்களை ஏற்படுத்தலாம், ஏனெனில் தேடுபொறிகள் வெளிப்புற மூலங்களிலிருந்து உள்ளடக்கத்தை சரியாக அட்டவணைப்படுத்த முடியாது.
import { Link } from "react-router-dom";
<Link to="https://www.example.com" target="_blank" rel="noopener noreferrer">External Link</Link>
1. இந்த வரி ரியாக்ட்-ரவுட்டர்-டோம் லைப்ரரியில் இருந்து இணைப்பு கூறுகளை இறக்குமதி செய்கிறது.
2. இந்த வரியானது ஒரு இணைப்பு உறுப்பை உருவாக்குகிறது, அது கிளிக் செய்யும் போது “https://www.example.com” க்கு திருப்பிவிடப்படும், மேலும் புதிய பக்கத்திற்கு எந்த ரெஃபரர் தகவலும் அனுப்பப்படாத புதிய தாவலில் திறக்கும். இணைப்பின் உரை "வெளி இணைப்பு" என்று இருக்கும்.
வெளிப்புற இணைப்பு என்றால் என்ன
ரியாக்ட் ரூட்டரில் உள்ள வெளிப்புற இணைப்பு என்பது பயனரை பயன்பாட்டிற்கு வெளியே உள்ள பக்கத்திற்கு அழைத்துச் செல்லும் இணைப்பாகும். இது வெளிப்புற இணையதளம் அல்லது மற்றொரு பயன்பாடாக இருக்கலாம். பயன்பாட்டில் உள்ள உள்ளடக்கம் தொடர்பான கூடுதல் தகவல் அல்லது ஆதாரங்களை பயனர்களுக்கு வழங்க வெளிப்புற இணைப்புகள் பயன்படுத்தப்படுகின்றன. மேலும் ஆய்வுக்கு பயனர்களை பிற பயன்பாடுகள் அல்லது இணையதளங்களுக்கு வழிநடத்தும் வழியாகவும் அவை பயன்படுத்தப்படலாம்.
ரியாக்ட் ரூட்டருடன் வெளிப்புற இணைப்பை எவ்வாறு சேர்ப்பது
ரியாக்ட் ரூட்டரில் ரியாக்ட் ரூட்டருடன் வெளிப்புற இணைப்பைச் சேர்ப்பது ஒரு நேரடியான செயல்முறையாகும். முதலில், நீங்கள் ரியாக்ட்-ரவுட்டர்-டோம் தொகுப்பிலிருந்து இணைப்பு கூறுகளை இறக்குமதி செய்ய வேண்டும். பின்னர், வெளிப்புற URLக்கான இணைப்பை உருவாக்க இணைப்பு கூறுகளைப் பயன்படுத்தலாம். இணைப்பை உருவாக்குவதற்கான தொடரியல் இதுபோல் தெரிகிறது:
எடுத்துக்காட்டாக, நீங்கள் Googleக்கான இணைப்பை உருவாக்க விரும்பினால், அது இப்படி இருக்கும்:
உங்கள் இணைப்பை உருவாக்கியதும், சிறந்த அணுகல் மற்றும் பாதுகாப்பு நோக்கங்களுக்காக இலக்கு மற்றும் rel பண்புக்கூறுகள் போன்ற கூடுதல் பொருட்களை நீங்கள் சேர்க்கலாம். உதாரணத்திற்கு:
