Solvut: Ir-reazzjoni tar-router Link taħdem

Il-problema ewlenija relatata ma 'React Router Link hija li ma taġġornax sew l-istorja tal-brawżer meta tagħfas. Dan ifisser li jekk utent jikklikkja fuq Link u mbagħad jagħfas il-buttuna lura, dawn se jittieħdu lura għall-paġna ta 'qabel minflok il-paġna li għadu kif innaviga 'l bogħod minnha. Barra minn hekk, dan jista 'jikkawża imġieba mhux mistennija f'xi każijiet, bħal meta tuża kordi ta' mistoqsijiet jew frammenti tal-hash.

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. importazzjoni { BrowserRouter bħala Router, Rotta, Link } minn "react-router-dom";
// Din il-linja timporta l-komponenti BrowserRouter, Route u Link mil-librerija react-router-dom.

2.
// Din il-linja toħloq komponent Router li se jintuża biex jinħolqu rotot għall-applikazzjoni tagħna.

3.

// Din il-linja toħloq element div li se jkun fih ir-rotot u l-links kollha tagħna.

4. home
// Din il-linja toħloq link għall-paġna ewlenija tal-applikazzjoni tagħna bit-test 'Home'.

5. dwar
// Din il-linja toħloq link għall-paġna dwar l-applikazzjoni tagħna bit-test 'Dwar'.

6.
// Din il-linja toħloq rotta għall-paġna ewlenija tal-applikazzjoni tagħna u tirrendi l-komponent Home meta jiġi aċċessat minn utent.

7. //Din il-linja toħloq rotta għall-paġna dwar tal-applikazzjoni tagħna u tirrendi l-komponent Dwar meta jiġi aċċessat minn utent.

8.

//Dan jagħlaq l-element div tagħna li fih ir-rotot u l-links kollha tagħna

Link v6

Link v6 huwa komponent ġdid f'React Router li jipprovdi soluzzjoni ta' navigazzjoni dikjarattiva u aċċessibbli għall-applikazzjonijiet React. Jissostitwixxi l-komponent Link preċedenti u jipprovdi aktar karatteristiċi u appoġġ aħjar għall-aċċessibbiltà. Link v6 jappoġġja kemm links regolari kif ukoll routing dinamiku, li jippermetti lill-iżviluppaturi joħolqu esperjenzi ta 'navigazzjoni qawwija mingħajr ma jkollhom għalfejn jimmaniġġjaw manwalment ir-rotot jew jużaw libreriji ta' partijiet terzi. Jappoġġa wkoll ir-rendiment fuq in-naħa tas-server, li jippermetti lill-iżviluppaturi joħolqu applikazzjonijiet li jiffavorixxu SEO bi sforz minimu. Fl-aħħarnett, Link v6 għandu appoġġ inkorporat għat-traċċar analitiku, li jagħmilha aktar faċli biex issegwi l-interazzjonijiet tal-utent mal-applikazzjoni tiegħek.

Għaliex React Router Link mhux qed jaħdem

Hemm diversi raġunijiet possibbli għaliex React Router Link mhux qed jaħdem f'React Router. L-aktar raġuni komuni hija li l-komponent li qed ikun marbut miegħu mhuwiex ikkonfigurat jew imwaqqaf sew. Pereżempju, jekk il-komponent li qed ikun marbut miegħu ma ġiex importat b'mod korrett, jew jekk il-mogħdija tar-rotta ma tkunx korretta, allura React Router Link ma jaħdimx. Barra minn hekk, jekk ikun hemm xi typos fil-mogħdija tar-rotta jew l-isem tal-komponent, dan jista 'wkoll jikkawża problemi ma' React Router Link. Fl-aħħarnett, jekk ikun hemm xi kunflitti bejn rotot multipli (bħal żewġ rotot bl-istess mogħdija eżatta), dan jista 'wkoll jikkawża problemi b'React Router Link.

Related postijiet:

Kumment