Babban matsalar da ke da alaƙa da React Router Link ita ce rashin sabunta tarihin mai binciken yadda ya kamata idan aka danna. Wannan yana nufin cewa idan mai amfani ya danna hanyar haɗi sannan ya danna maɓallin baya, za a mayar da shi zuwa shafin da ya gabata maimakon shafin da ya tafi daga baya. Bugu da ƙari, wannan na iya haifar da halayen da ba zato ba tsammani a wasu lokuta, kamar lokacin amfani da igiyoyin tambaya ko guntun zanta.
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. shigo da { BrowserRouter a matsayin na'ura mai ba da hanya tsakanin hanyoyin sadarwa, Route, Link} daga "react-router-dom";
// Wannan layin yana shigo da kayan aikin BrowserRouter, Route da Link daga ɗakin karatu na react-router-dom.
2.
// Wannan layin yana ƙirƙirar bangaren na'ura mai ba da hanya tsakanin hanyoyin sadarwa wanda za a yi amfani da shi don ƙirƙirar hanyoyi don aikace-aikacen mu.
3.
4. Gida
// Wannan layin yana haifar da hanyar haɗi zuwa shafin gida na aikace-aikacen mu tare da rubutun 'Gida'.
5. Game da
// Wannan layin yana haifar da hanyar haɗi zuwa shafin game da aikace-aikacen mu tare da rubutun 'Game da'.
6.
// Wannan layin yana ƙirƙirar hanya don shafin farko na aikace-aikacen mu kuma yana samar da bangaren Gida lokacin da mai amfani ya shiga.
7.
8.
// Wannan yana rufe abubuwan div ɗin mu wanda ya ƙunshi duk hanyoyinmu da hanyoyin haɗin yanar gizon mu
Hanyar haɗi v6
Link v6 sabon abu ne a cikin React Router wanda ke ba da sanarwa, mafita mai sauƙi don aikace-aikacen React. Yana maye gurbin sashin haɗin gwiwar da ya gabata kuma yana ba da ƙarin fasali da ingantaccen tallafi don samun dama. Link v6 yana goyan bayan hanyoyin haɗin yanar gizo na yau da kullun da kuma ɗorewa mai ƙarfi, yana ba masu haɓaka damar ƙirƙirar ƙwarewar kewayawa mai ƙarfi ba tare da sarrafa hanyoyi da hannu ba ko amfani da ɗakunan karatu na ɓangare na uku. Hakanan yana goyan bayan ma'anar sabar-gefen sabar, wanda ke ba masu haɓaka damar ƙirƙirar aikace-aikacen abokantaka na SEO tare da ƙaramin ƙoƙari. A ƙarshe, Link v6 yana da ginanniyar goyan baya don bin diddigin nazari, yana sauƙaƙa bin mu'amalar mai amfani tare da aikace-aikacen ku.
Me yasa React Router Link baya aiki
Akwai dalilai da yawa masu yiwuwa dalilin da yasa React Router Link baya aiki a cikin React Router. Babban dalilin da ya fi dacewa shi ne, ɓangaren da ake haɗa shi da shi ba a tsara shi yadda ya kamata ko kuma an saita shi ba. Misali, idan ba a shigo da bangaren da ake dangantawa da shi daidai ba, ko kuma idan hanyar ba daidai ba ce, to React Router Link ba zai yi aiki ba. Bugu da ƙari, idan akwai wasu typos a cikin hanyar hanya ko sunan bangaren, wannan kuma na iya haifar da matsala tare da React Router Link. A ƙarshe, idan akwai rikice-rikice tsakanin hanyoyi masu yawa (kamar hanyoyi guda biyu tare da ainihin hanya ɗaya), wannan kuma yana iya haifar da matsala tare da React Router Link.
