தீர்க்கப்பட்டது: ரியாக்ட் ரூட்டர் 6 வழிசெலுத்தல்

ரியாக்ட் ரூட்டர் 6 நேவிகேட் தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், இலக்கு வழிக்கு முட்டுகள் அல்லது மாநிலத்தை அனுப்புவதற்கான வழியை அது வழங்கவில்லை. அதாவது, நீங்கள் ஒரு வழியிலிருந்து மற்றொரு வழிக்கு தரவை அனுப்ப வேண்டுமானால், React Query அல்லது Redux போன்ற நூலகத்தைப் பயன்படுத்த வேண்டும். கூடுதலாக, வழிசெலுத்தல் அமைப்பு URLகளை அடிப்படையாகக் கொண்டது மற்றும் கூறுகள் அல்ல, எனவே URL களுக்குப் பதிலாக கூறுகளுடன் பணிபுரியும் டெவலப்பர்களுக்கு இது கடினமாக இருக்கலாம்.

import { useHistory } from "react-router-dom";

const history = useHistory();

history.navigate("/path/to/page");

1. இந்த வரி react-router-dom நூலகத்தில் இருந்து யூஸ் ஹிஸ்டரி ஹூக்கை இறக்குமதி செய்கிறது.
2. இந்த வரி வரலாறு எனப்படும் புதிய மாறிலியை உருவாக்கி அதை யூஸ்ஹிஸ்டரி ஹூக்கிற்கு ஒதுக்குகிறது.
3. இந்த வரியானது குறிப்பிட்ட பாதைக்கு செல்ல வரலாற்று மாறிலியைப் பயன்படுத்துகிறது, இந்த வழக்கில் “/path/to/page”.

செல்லவும்

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

ரியாக்ட் ரூட்டரைப் பயன்படுத்தி நான் எப்படிச் செல்வது?

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

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

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

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

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