தீர்க்கப்பட்டது: எதிர்வினை திசைவி இணைப்பு வேலை செய்கிறது

ரியாக்ட் ரூட்டர் லிங்க் தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், அது கிளிக் செய்யும் போது உலாவியின் வரலாற்றை சரியாக புதுப்பிக்காது. இதன் பொருள், ஒரு பயனர் இணைப்பைக் கிளிக் செய்து பின் பொத்தானை அழுத்தினால், அவர்கள் இப்போது சென்ற பக்கத்திற்குப் பதிலாக முந்தைய பக்கத்திற்கு அழைத்துச் செல்லப்படுவார்கள். கூடுதலாக, இது வினவல் சரங்கள் அல்லது ஹாஷ் துண்டுகளைப் பயன்படுத்தும் போது சில சந்தர்ப்பங்களில் எதிர்பாராத நடத்தையை ஏற்படுத்தலாம்.

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

<Router>
  <div>
    <Link to="/">Home</Link>
    <Link to="/about">About</Link>

    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
  </div>
</Router>

1. "react-router-dom" இலிருந்து {BrowserRouter ஐ Router, Route, Link } ஆக இறக்குமதி செய்யவும்;
// இந்த வரியானது ரியாக்ட்-ரவுட்டர்-டோம் லைப்ரரியில் இருந்து பிரவுசர் ரூட்டர், ரூட் மற்றும் லிங்க் கூறுகளை இறக்குமதி செய்கிறது.

2.
// இந்த வரி ஒரு ரூட்டர் கூறுகளை உருவாக்குகிறது, இது எங்கள் பயன்பாட்டிற்கான வழிகளை உருவாக்க பயன்படுகிறது.

3.

// இந்த வரியானது ஒரு div உறுப்பை உருவாக்குகிறது, அதில் எங்கள் வழிகள் மற்றும் இணைப்புகள் அனைத்தும் இருக்கும்.

4. முகப்பு
// இந்த வரி 'முகப்பு' என்ற உரையுடன் எங்கள் பயன்பாட்டின் முகப்புப் பக்கத்திற்கான இணைப்பை உருவாக்குகிறது.

5. பற்றி
// இந்த வரி 'பற்றி' என்ற உரையுடன் எங்கள் பயன்பாட்டின் அறிமுகப் பக்கத்திற்கான இணைப்பை உருவாக்குகிறது.

6.
// இந்த வரி எங்கள் பயன்பாட்டின் முகப்புப் பக்கத்திற்கான வழியை உருவாக்குகிறது மற்றும் பயனர் அணுகும்போது முகப்பு கூறுகளை வழங்குகிறது.

7. //இந்த வரியானது எங்கள் பயன்பாட்டின் அறிமுகப் பக்கத்திற்கான வழியை உருவாக்குகிறது மற்றும் ஒரு பயனரால் அணுகப்படும் போது அது பற்றி கூறுகளை வழங்குகிறது.

8.

//எங்கள் வழிகள் மற்றும் இணைப்புகள் அனைத்தையும் உள்ளடக்கிய எங்கள் div உறுப்பை இது மூடுகிறது

இணைப்பு v6

லிங்க் v6 என்பது ரியாக்ட் ரூட்டரில் உள்ள ஒரு புதிய கூறு ஆகும், இது ரியாக்ட் பயன்பாடுகளுக்கான அறிவிப்பு, அணுகக்கூடிய வழிசெலுத்தல் தீர்வை வழங்குகிறது. இது முந்தைய இணைப்பு கூறுகளை மாற்றியமைக்கிறது மற்றும் அணுகல்தன்மைக்கான கூடுதல் அம்சங்களையும் சிறந்த ஆதரவையும் வழங்குகிறது. இணைப்பு v6 வழக்கமான இணைப்புகள் மற்றும் டைனமிக் ரூட்டிங் இரண்டையும் ஆதரிக்கிறது, டெவலப்பர்கள் வழிகளை கைமுறையாக நிர்வகிக்காமல் அல்லது மூன்றாம் தரப்பு நூலகங்களைப் பயன்படுத்தாமல் சக்திவாய்ந்த வழிசெலுத்தல் அனுபவங்களை உருவாக்க அனுமதிக்கிறது. இது சர்வர்-சைட் ரெண்டரிங்கை ஆதரிக்கிறது, இது டெவலப்பர்களை குறைந்த முயற்சியுடன் எஸ்சிஓ-நட்பு பயன்பாடுகளை உருவாக்க அனுமதிக்கிறது. இறுதியாக, லிங்க் v6 ஆனது பகுப்பாய்வு கண்காணிப்புக்கான உள்ளமைக்கப்பட்ட ஆதரவைக் கொண்டுள்ளது, இது உங்கள் பயன்பாட்டுடன் பயனர் தொடர்புகளைக் கண்காணிப்பதை எளிதாக்குகிறது.

ரியாக்ட் ரூட்டர் இணைப்பு ஏன் வேலை செய்யவில்லை

ரியாக்ட் ரூட்டர் இணைப்பு ரியாக்ட் ரூட்டரில் வேலை செய்யாததற்கு பல காரணங்கள் உள்ளன. மிகவும் பொதுவான காரணம், இணைக்கப்பட்ட கூறு சரியாக உள்ளமைக்கப்படவில்லை அல்லது அமைக்கப்படவில்லை. எடுத்துக்காட்டாக, இணைக்கப்பட்ட கூறு சரியாக இறக்குமதி செய்யப்படவில்லை அல்லது பாதை பாதை தவறாக இருந்தால், ரியாக்ட் ரூட்டர் இணைப்பு வேலை செய்யாது. கூடுதலாக, பாதை பாதை அல்லது கூறுகளின் பெயரில் ஏதேனும் எழுத்துப்பிழைகள் இருந்தால், இது ரியாக்ட் ரூட்டர் இணைப்பிலும் சிக்கல்களை ஏற்படுத்தலாம். இறுதியாக, பல வழிகளுக்கு இடையே ஏதேனும் முரண்பாடுகள் இருந்தால் (ஒரே சரியான பாதையில் உள்ள இரண்டு வழிகள் போன்றவை), இது ரியாக்ட் ரூட்டர் இணைப்பிலும் சிக்கல்களை ஏற்படுத்தலாம்.

தொடர்புடைய இடுகைகள்:

ஒரு கருத்துரையை