Dambudziko guru rine hukama neredirect neReact Router v6 nderekuti chikamu chacho hachipezve kana redirect ikaitika. Izvi zvinoreva kuti chero nyika kana mapuropu ane hukama nechikamu haagadziriswe kana iyo redirect ikaitika, uye chero shanduko dzakaitwa kune izvo zvakakosha hazvizoonekwe mune nyowani peji. Pamusoro pezvo, sezvo React Router v6 isingatsigire tambo dzemibvunzo, chero maparamendi emubvunzo anopfuudzwa muURL acharasikawo panguva yekudzokororwa.
import { Redirect } from "react-router-dom"; <Redirect to="/home" />
1. Mutsetse uyu unopinza chikamu cheRedirect kubva kune react-router-dom library.
2. Uyu mutsara unoshandura chikamu cheRedirect, icho chichagadzirisa mushandisi kune "/ kumba" nzira.
Ndingaite sei kutungamira muReact Router v6
v6
React Router v6 inopa chinhu chitsva chinonzi
import {Redirect } kubva 'react-router-dom';
Ini ndinotungamira sei mune react router v6 mushure mekupinda
Kutungamira mushure mekupinda kwakabudirira chinhu chakajairika mumawebhu application. MuReact Router v6, unogona kushandisa iyo
Kuti uite izvi, iwe unozofanirwa kugadzira nzira inotarisa kana mushandisi apinda mukati uye wozodzosera ivo zvinoenderana. Semuyenzaniso:
kana (isLoggedIn) {
dzokera
} Mumwe {
dzokera
}
}} />
Mumuenzaniso uyu, tiri kutarisa kana mushandisi apinda mukati uyezve kupa iyo LoginPage chikamu kana kuvaendesa ku / dashboard. Iwe unogona zvakare kupfuudza props muRedirect chikamu sekudaro:
Ini ndinotungamira sei otomatiki mune react
React Router inopa Redirect chikamu chinogona kushandiswa kuendesa otomatiki vashandisi kana mamwe mamiriro asangana. Kuti uishandise, iwe unofanirwa kupfuura munzira yaunoda kutungamira kwairi seprop. Iwe unogona zvakare kupfuura muchinhu chine mamiriro uye / kana query paramita kana zvichidikanwa.
Kuti utungamire otomatiki, iwe unozofanirwa kushandisa chikamu mukati meNzira yechikamu uye kuseta mamiriro ekuti redirection ichaitika riini. Semuyenzaniso, kana iwe waida kudzosera vashandisi kubva kupeji rekutanga rekushandisa kwako kune peji rekupinda mushure mekunge vadzvanya pane chinongedzo, unogona kuita seizvi:
{isLoggedIn ?
Mumuenzaniso uyu, tiri kushandisa isLoggedIn boolean variable (iyo inoda kuiswa kumwewo) semamiriro edu epatinofanira kuita redirection. Kana chiri chokwadi, saka tinopa chikamu chedu cheKumba; zvimwe, tinoita redirection.
Unotungamira sei mushure memasekondi mashanu mune react
Kuti udzoke shure kwemasekonzi mashanu muReact Router, unogona kushandisa setTimeout() basa kufonera history.push() nzira ine yaunoda senharo.
muenzaniso:
pinza {useHistory } kubva ku "react-router-dom";
const history = useHistory();
setTimeout (() => {
history.push("/redirectedPage");
โฃ, 5000);
1 pfungwa pa "Yakagadziriswa: redirect with react router v6"