Babban matsalar da ke da alaƙa da wucewar bayanai a tarihin mai amfani da na'ura mai ba da hanya tsakanin hanyoyin sadarwa, turawa ita ce ba a ci gaba da adana bayanan a duk abubuwan sabunta shafi ba. Lokacin da mai amfani ya sabunta shafin, bayanan da aka adana a cikin history.push za su ɓace kuma ba za su kasance don amfani da lodin shafi na gaba ba. Wannan na iya haifar da halayen da ba zato ba tsammani kuma yana iya haifar da al'amura yayin ƙoƙarin samun dama ko adana bayanai daga nauyin shafin da ya gabata.
import { useHistory } from "react-router-dom";
const MyComponent = () => {
const history = useHistory();
const handleClick = (data) => {
history.push({ pathname: "/mypage", state: data });
};
return <button onClick={() => handleClick({ someData: "data" })}>Go</button>;
};
1. Wannan layin yana shigo da ƙugiya ta amfani da Tarihi daga ɗakin karatu na react-router-dom, wanda ke ba da damar yin amfani da abin tarihi wanda ke lura da wurin da ake ciki yanzu a cikin app.
2. Wannan layin yana bayyana wani abu mai aiki da ake kira MyComponent kuma yana sanya shi zuwa mai canzawa akai-akai.
3. Wannan layin yana amfani da ƙugiya ta amfani da tarihin da aka shigo da shi a layi na 1 don samun damar zuwa abu na tarihi da sanya shi zuwa madaidaicin madaidaicin da ake kira tarihi.
4. Wannan layin yana bayyana wani aiki da ake kira handleClick wanda ke ɗaukar gardama da ake kira data kuma ya tura wani abu mai ɗauke da sunan hanya da kaddarorin jihohi akan tarihin tarihi ta amfani da history.push().
5. Wannan layin yana dawo da wani maɓalli tare da mai kula da taron onClick wanda ke kira handleClick() tare da wani abu mai ɗauke da wasuData azaman hujja lokacin da mai amfani ya danna shi.
Tarihi turawa
Tura Tarihi a cikin React Router hanya ce da ake amfani da ita don canza URL ta hanyar tsari a cikin burauzar ba tare da haifar da sabunta shafi ba. Yana ba masu haɓaka damar ƙirƙirar aikace-aikacen shafi guda ɗaya waɗanda har yanzu suna iya sarrafa kewayawa da haɗin kai mai zurfi. Tura tarihi yana aiki ta hanyar amfani da tarihin mai binciken API, wanda ke ba masu haɓaka damar sarrafa URL na yanzu ba tare da sake loda shafin ba. Wannan yana ba wa masu amfani damar kewayawa tsakanin shafuka daban-daban na aikace-aikacen ba tare da sake kunnawa kowane lokaci ba. Bugu da ƙari, ana iya amfani da shi don haɗin kai mai zurfi, ƙyale masu amfani su haɗa kai tsaye zuwa takamaiman sassa na aikace-aikacen.
Ta yaya zan yi amfani da tarihi a react router
React Router yana ba da hanya don amfani da tarihi a cikin aikace-aikacen React ɗin ku. Tarihi yana ba ku damar lura da shafin na yanzu, da kuma duk wasu shafukan da suka gabata da aka ziyarta. Wannan yana da amfani don ƙirƙirar kewayawa da kiyaye ayyukan mai amfani.
Don amfani da tarihi a cikin React Router, kuna buƙatar ƙirƙirar abu na tarihi ta amfani da hanyar ƙirƙirarHistory() daga fakitin tarihi. Wannan zai ba ku dama ga hanyoyin kamar turawa (), maye gurbin (), da tafi (). Waɗannan hanyoyin suna ba ku damar sarrafa URL ɗin mai lilo da kewaya tsakanin hanyoyi daban-daban a cikin aikace-aikacenku. Hakanan zaka iya amfani da hanyar saurare () don sauraron canje-canje a cikin URL da sabunta aikace-aikacen ku daidai.
Da zarar kun ƙirƙiri wani abu na tarihi, zaku iya shigar da shi cikin ɓangaren na'ura mai ba da hanya tsakanin hanyoyin sadarwa lokacin ƙirƙirar shi. Wannan zai ba da damar React Router ya ci gaba da lura da duk canje-canjen da masu amfani suka yi da sabuntawa daidai.
Yin amfani da tarihi tare da React Router yana sauƙaƙa wa masu haɓakawa don ƙirƙirar abubuwan kewayawa masu ƙarfi waɗanda ke da sauƙin fahimta da hulɗa da masu amfani.
