Dhibaatada ugu weyn ee la xiriirta React Router URL params waa inay adkaan karto in loo isticmaalo waddooyinka firfircoon. Tani waa sababta oo ah URL-ka params-ka waa mid taagan oo lama beddeli karo ka dib marka jidka la sameeyo. Tani waxay ka dhigan tahay in haddii isticmaaluhu u baahan yahay inuu galo bog ka duwan oo leh cabbiro kala duwan, waxay u baahan doonaan inay abuuraan waddo cusub oo isku-dhafan kasta. Intaa waxaa dheer, marka la isticmaalayo URL params, way adkaan kartaa in lala socdo dhammaan isku darka suurtogalka ah oo la hubiyo in mid kasta si sax ah u maamulo router.
import {
BrowserRouter as Router,
Route,
Link,
useParams
} from "react-router-dom";
const App = () => {
return (
<Router>
<div>
<Route path="/user/:username" component={UserPage} />
</div>
</Router>
);
};
const UserPage = () => {
let { username } = useParams(); // Get the username from the URL.
return (
<div>Hello, {username}!</div> // Render a greeting with the username.
);
};
Koodhkani waxa uu dejinayaa React Router si uu u bixiyo bog leh magac isticmaale oo ka socda URL.
1. Xariiqda kowaad waxa ay ka soo dejisaa qaybaha maktabadda React Router DOM.
2. Shaqada App-ka waxa ay ku soo celinaysaa qaybta Router-ka oo leh qayb marineed oo ku dhex jirta, taas oo qeexaysa in URL kasta oo ka bilaabmaya "/user/" uu bixiyo qaybta Isticmaalaha.
3. Adeegga Page-ka isticmaaluhu waxa uu isticmaalayaa useParams() si uu magaca isticmaalaha URL-ka uga helo ka dibna u bixiyo salaan isaga oo isticmaalaya magaca isticmaalaha.
URL params
URL params in React Router waa qaybo xog ah oo loo gudbiyay waddo qayb ka ah URL-ka. Waxay u ogolaadaan horumariyayaashu inay u gudbiyaan macluumaadka firfircoon ee waddo, sida aqoonsiga ama xadhigga weydiinta. Tan waxa loo isticmaali karaa in lagu abuuro wadooyin firfircoon oo loo isticmaali karo waxyaabaha ay ka midka yihiin muujinta shay gaar ah oo laga helay kaydka ama shaandhaynta nuxurka ku salaysan gelinta isticmaalaha. React Router waxa uu bixiyaa agab lagu galo oo lagu maareeyo URL params, taas oo sahlaysa in lagu isticmaalo codsigaaga.
Sideed uga heli kartaa URL params ka dariiqa React
Gudaha React Router, waxaad ka geli kartaa URL-ka params-ka dariiqa adoo isticmaalaya jilbaha isticmaalka. Jillaabtan ayaa soo celisa shay ka kooban lammaane-qiimo muhiim ah oo cabbirrada URL. Tusaale ahaan, haddii dariiqaagu yahay /user/: id, waxaad ku geli kartaa cabbirka id adigoo isticmaalayaParams() id.
