தீர்க்கப்பட்டது: எதிர்வினை திசைவி நூல்

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

 add react-router-dom

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

<Router> 
    <div> 
        <ul> 
            <li><Link to="/">Home</Link></li> 
            <li><Link to="/about">About</Link></li> 
            <li><Link to="/topics">Topics</Link></li> 
        </ul>

        <hr />

        <Route exact path="/" component={Home} /> 
        <Route path="/about" component={About} /> 
        <Route path="/topics" component={Topics} />  

    </div>  
</Router>

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

2. இந்த வரி ரூட்டிங் செயல்பாட்டை வழங்குவதற்காக முழு பயன்பாட்டையும் ஒரு ரூட்டர் பாகத்தில் மூடுகிறது:

3. இந்த div உறுப்பு வெவ்வேறு வழிகளுக்கு இடையில் செல்லப் பயன்படுத்தப்படும் இணைப்புகளின் பட்டியலைக் கொண்டுள்ளது:

  • முகப்பு
  • பற்றி
  • தலைப்புகள்

4. இந்த hr உறுப்பு வழிசெலுத்தல் இணைப்புகள் மற்றும் பாதை உள்ளடக்கத்திற்கு இடையே ஒரு காட்சி பிரிப்பானாகப் பயன்படுத்தப்படுகிறது:


5. இந்த வரிகள் ரியாக்ட் ரூட்டரின் ரூட் கூறுகளைப் பயன்படுத்தி எங்கள் பயன்பாட்டிற்கான மூன்று வெவ்வேறு வழிகளை வரையறுக்கின்றன:

6. இறுதியாக, இந்த க்ளோசிங் டிவ் டேக் எங்கள் அப்ளிகேஷன் ரேப்பர் டிவ் உறுப்பை மூடுகிறது:

ரியாக்ட் ரூட்டர் என்றால் என்ன

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

நூல் என்றால் என்ன

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

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

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