Babban matsalar da ke da alaƙa da React Router yarn shine cewa yana iya zama da wahala a daidaita shi daidai. Yana buƙatar saiti da tsari da yawa, kuma idan aka yi ba daidai ba, zai iya haifar da hali ko kurakurai da ba a zata ba. Bugu da ƙari, takaddun don yarn na React Router ba koyaushe bane bayyananne ko na zamani, yana sa ya zama da wahala ga masu haɓakawa don magance matsalolin.
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. Wannan layin yana shigo da kayan aikin BrowserRouter, Route, da Link daga ɗakin karatu na react-router-dom:
shigo da { BrowserRouter azaman na'ura mai ba da hanya tsakanin hanyoyin sadarwa, Hanya, Link} daga "react-router-dom";
2. Wannan layin yana nannade aikace-aikacen gabaɗaya a cikin ɓangaren na'ura mai ba da hanya tsakanin hanyoyin sadarwa don samar da ayyukan sarrafa hanya:
3. Wannan nau'in div ya ƙunshi jerin hanyoyin haɗin da za a yi amfani da su don kewaya tsakanin hanyoyi daban-daban:
- Gida
- Game da
- Topics
4. Ana amfani da wannan kashi na hr azaman mai raba gani tsakanin hanyoyin kewayawa da abun cikin hanya:
5. Waɗannan layukan sun bayyana hanyoyi daban-daban guda uku don aikace-aikacenmu ta amfani da bangaren Hanyar Hanyar React Router:
6. A ƙarshe, wannan rufewar div tag yana rufe kayan aikin mu na abin rufe fuska:
Menene React Router
React Router babban ɗakin karatu ne don React wanda ke ba masu haɓakawa damar ƙirƙira da sarrafa hanyoyin cikin aikace-aikacen React ɗin su. Yana ba da hanya don bayyana taswirar hanyoyin zuwa abubuwan haɗin gwiwa, sarrafa sigogin URL, da sarrafa abubuwan kewayawa. Hakanan yana ba da fasali kamar daidaitawar hanya mai ƙarfi, sarrafa canjin wuri, da maidowa gungurawa.
Menene Yarn
Yarn shine mai sarrafa fakitin don JavaScript wanda ke taimaka wa masu haɓakawa sarrafa abubuwan dogaronsu ta hanya mafi inganci da aminci. React Router ke amfani dashi don shigarwa, sabuntawa, da daidaita fakiti. Yarn kuma yana taimaka wa masu haɓakawa su lura da abin da suka dogara da aikin su, tabbatar da cewa an shigar da duk fakitin da suka dace da kuma na zamani. Wannan yana sauƙaƙa yin aiki akan ayyuka tare da masu haɓakawa da yawa kamar yadda kowane ɗayan zai iya bincika nau'ikan fakitin da suke buƙatar amfani da su cikin sauƙi.
