Masalah utama anu aya hubunganana sareng React Router Link nyaéta yén éta henteu leres ngamutahirkeun sajarah browser nalika diklik. Ieu ngandung harti yén lamun pamaké clicks on Tumbu lajeng mencet tombol deui, aranjeunna bakal dibawa deui ka kaca saméméhna tinimbang kaca aranjeunna ngan navigated jauh ti. Salaku tambahan, ieu tiasa nyababkeun kabiasaan anu teu kaduga dina sababaraha kasus, sapertos nalika nganggo string query atanapi fragmen 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. impor {BrowserRouter sakumaha Router, Rute, Link} ti "réaksi-router-dom";
// Jalur ieu ngimpor komponén BrowserRouter, Rute sareng Link tina perpustakaan réaksi-router-dom.
2.
// Garis ieu nyiptakeun komponén Router anu bakal dianggo pikeun nyiptakeun rute pikeun aplikasi urang.
3.
4. imah
// Garis ieu nyiptakeun tautan ka halaman bumi aplikasi kami kalayan téks 'Imah'.
5. kira-kira
// Garis ieu nyiptakeun tautan ka halaman ngeunaan aplikasi kami kalayan téks 'Ngeunaan'.
6.
// Garis ieu nyiptakeun rute pikeun halaman bumi aplikasi kami sareng ngajantenkeun komponén Imah nalika diaksés ku pangguna.
7.
8.
//Ieu nutup unsur div kami anu ngandung sadaya rute sareng tautan kami
Patalina v6
Link v6 mangrupakeun komponén anyar dina React Router nu nyadiakeun déklaratif, solusi navigasi diaksés pikeun aplikasi React. Ieu ngagantikeun komponén Link saméméhna tur nyadiakeun leuwih fitur sarta rojongan hadé pikeun diakses. Link v6 ngadukung tautan biasa sareng rute dinamis, ngamungkinkeun para pamekar nyiptakeun pangalaman navigasi anu kuat tanpa kedah ngatur rute sacara manual atanapi nganggo perpustakaan pihak katilu. Éta ogé ngadukung rendering sisi-server, anu ngamungkinkeun para pamekar nyiptakeun aplikasi anu ramah SEO kalayan usaha anu minimal. Tungtungna, Link v6 parantos ngadukung pangrojong pikeun ngalacak analytics, ngajantenkeun ngagampangkeun pikeun ngalacak interaksi pangguna sareng aplikasi anjeun.
Naha React Router Link henteu jalan
Aya sababaraha kamungkinan alesan kunaon React Router Link henteu tiasa dianggo dina React Router. Alesan anu paling umum nyaéta komponén anu dihubungkeun henteu leres dikonpigurasi atanapi disetél. Contona, upami komponén anu dihubungkeun teu acan leres diimpor, atanapi upami jalur rutena lepat, React Router Link moal jalan. Salaku tambahan, upami aya salah ketik dina jalur jalur atanapi nami komponén, ieu ogé tiasa nyababkeun masalah sareng React Router Link. Tungtungna, upami aya konflik antara sababaraha rute (sapertos dua rute sareng jalur anu sami), ieu ogé tiasa nyababkeun masalah sareng React Router Link.
