Yakagadziriswa: kupfuudza data mune react router nhoroondo% 2Cpush

Dambudziko guru rine chekuita nekupfuura dhata mune react router nhoroondo, kusunda nderekuti iyo data haina kupfuurira pane ese peji inozorodza. Kana mushandisi akazorodza peji, data yakachengetwa munhoroondo.push inorasika uye haizovepo kuti ishandiswe pamapeji anotevera. Izvi zvinogona kutungamirira kumaitiro asingatarisirwi uye zvinogona kukonzera nyaya paunenge uchiedza kuwana kana kuchengeta data kubva kune yapfuura peji rekutakura.

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. Mutsara uyu unopinza kushandiswa kweHistory hook kubva kuraibhurari ye-react-router-dom, iyo inopa ruzivo rwechinhu chenhoroondo chinoramba chichicherechedza nzvimbo yazvino muapp.

2. Uyu mutsara unozivisa chikamu chinoshanda chinonzi MyComponent uye chinochipa kune chinoramba chichichinja.

3. Mutsara uyu unoshandisa useHistory hook yakaunzwa mumutsara 1 kuti uwane mukana kune chinhu chenhoroondo uye ugochipa kune chinoramba chichichinja chinonzi nhoroondo.

4. Mutsara uyu unozivisa basa rinonzi handleClick iro rinotora nharo inonzi data uye inosaidzira chinhu chine zita renzira uye mamiriro emamiriro panhoroondo stack uchishandisa history.push().

.

Nhoroondo kusundira

Nhoroondo kusunda muReact Router inzira inoshandiswa kushandura zvakarongwa URL mubrowser pasina kukonzera peji kuzorodza. Inobvumira vanogadzira kuti vagadzire mapeji-peji maapplication achiri kukwanisa kubata nekufamba uye kudzika kubatanidza. Kusundidzira nhoroondo kunoshanda nekushandisa iyo browser's history API, iyo inobvumira vanogadzira kushandura iyo iripo URL pasina kurodha peji. Izvi zvinoita kuti vashandisi vakwanise kufamba pakati pemapeji akasiyana echishandiso pasina kurodha nguva imwe neimwe. Pamusoro pezvo, inogona kushandiswa kune yakadzika yekubatanidza, ichibvumira vashandisi kuti vabatanidze zvakananga muzvikamu zvekushandisa.

Ndinoshandisa sei nhoroondo mune react router

React Router inopa nzira yekushandisa nhoroondo mune yako React application. Nhoroondo inokutendera kuti utarise peji razvino, pamwe nemapeji apfuura akashanyirwa. Izvi zvinobatsira pakugadzira kufamba uye kuchengetedza maitiro emushandisi.

Kuti ushandise nhoroondo muReact Router, unofanirwa kugadzira chinhu chenhoroondo uchishandisa iyo createHistory() nzira kubva munhoroondo package. Izvi zvinokupa iwe kuwana nzira dzakadai sekusundira (), kutsiva (), uye enda (). Idzi nzira dzinokutendera kuti ushandise URL yebrowser uye kufamba pakati penzira dzakasiyana mukushandisa kwako. Iwe unogona zvakare kushandisa iyo yekuteerera () nzira yekuteerera shanduko muURL uye kugadzirisa yako application zvinoenderana.

Kana uchinge wagadzira chinhu chenhoroondo, unogona kuchipfuudza muchikamu che router yako paunenge uchichigadzira. Izvi zvinobvumira React Router kuti ichengetedze shanduko dzese dzakaitwa nevashandisi uye kugadzirisa zvinoenderana.

Kushandisa nhoroondo neReact Router kunoita kuti zvive nyore kune vanogadzira kugadzira zvinhu zvine simba zvekufambisa zviri nyore kuti vashandisi vanzwisise nekudyidzana nazvo.

Related posts:

Leave a Comment