An warware: amsa na'ura mai ba da hanya tsakanin hanyoyin sadarwa saman shafi na gaba

Babban matsalar da ke da alaƙa da saman shafi na React Router shine cewa yana iya haifar da halayen da ba a zata ba yayin kewayawa tsakanin shafuka. Lokacin zagawa zuwa sabon shafi, mai binciken zai koma saman shafin, wanda zai iya zama mai ban tsoro ga masu amfani waɗanda ke tsammanin zama a kan shafi ɗaya ko gungura ƙasa gaba. Bugu da ƙari, wannan hali bazai iya tsammanin masu amfani waɗanda aka yi amfani da su don ƙarin tsarin kewayawa yanar gizo na gargajiya ba.

import { useRouter } from 'react-router-dom';

const NextPage = () => {
  const router = useRouter();

  const handleClick = () => {
    router.push('/next-page');
  };

  return (
    <div>
      <button onClick={handleClick}>Go to next page</button>
    </div>  
  );  
};

Layin 1: Wannan layin yana shigo da ƙugiya mai amfani da mai amfani daga ɗakin karatu na react-router-dom.
// Layin 3: Wannan layin yana bayyana wani aiki mai suna NextPage wanda ke dawo da bangaren React.
// Layin 4: Wannan layin yana bayyana maɓalli da ake kira na'ura mai ba da hanya tsakanin hanyoyin sadarwa kuma ya sanya shi zuwa ƙugiya mai amfani.
Layin 6: Wannan layin yana bayyana wani aiki da ake kira handleClick wanda ke kiran hanyar turawa ta hanyar sadarwa tare da hujjar '/ shafi na gaba'.
Layi na 8-11: Waɗannan layin suna dawo da bangaren React tare da maɓalli mai maɓalli wanda ke da saitin onClick don sarrafa Danna. Lokacin da aka danna, wannan zai kira aikin dannawa kuma kewaya zuwa '/shafi na gaba'.

Kewaya tsakanin shafuka

React Router babban ɗakin karatu ne mai ba da hanya tsakanin hanyoyin sadarwa wanda aka gina a saman React wanda ke taimaka muku ƙara sabbin fuska kuma yana gudana zuwa aikace-aikacenku cikin sauri, duk yayin kiyaye URL ɗin tare da abin da ake nunawa akan shafin. React Router yana sauƙaƙa kewayawa tsakanin shafuka a cikin aikace-aikacen React ta amfani da tsarin tushen sa. Tare da taimakon abubuwan haɗin gwiwa kamar Link, NavLink, da Redirect, zaku iya ƙirƙirar hanyoyin kewayawa masu ƙarfi da mu'amala waɗanda ke ba masu amfani damar kewaya app ɗin ku ba tare da shigar da URLs da hannu ba. Bugu da ƙari, zaku iya amfani da abun tarihin da React Router ya bayar don kewaya cikin tsari tsakanin shafuka a cikin aikace-aikacenku.

GunguraToTop ko saman shafi na gaba

ScrollToTop siffa ce a cikin React Router wanda ke ba masu amfani damar gungurawa da sauri zuwa saman shafin yayin kewayawa tsakanin hanyoyi daban-daban. Yana da amfani musamman ga dogayen shafuka masu tarin abun ciki, saboda yana bawa masu amfani damar yin tsalle sama da sauri zuwa sama ba tare da gungurawa da hannu ba. Saman shafi na gaba wani nau'in fasalin ne wanda ke aiki iri ɗaya amma maimakon gungurawa baya, yana ɗaukar ku kai tsaye zuwa shafi na gaba lokacin kewayawa tsakanin hanyoyi. Wannan na iya zama taimako musamman ga masu amfani waɗanda ke neman takamaiman bayani akan wani shafi kuma ba sa son yin gungurawa cikin duk abubuwan da ke wasu shafuka kafin isa wurin. Dukansu fasalulluka sune babban ƙari waɗanda ke taimakawa haɓaka ƙwarewar mai amfani da sauƙaƙe kewayawa da sauri.