Uelekezaji kwa Njia Nyingine katika React Router
Sasa data, iliyoingizwa kwenye fomu wakati wa uhakiki wa bidhaa, inahifadhiwa, lakini kuna LAKINI moja - baada ya kuhifadhi data tunabaki kwenye ukurasa wenye fomu, na tunapaswa kurudi kwenye ukurasa wa bidhaa. Hii itasaidiwa na uelekezaji, ambayo tutafahamiana nayo katika somo hili.
Wacha tufungue faili edit.jsx
na tuingize redirect kutoka
kwenye maktaba:
import { redirect } from 'react-router-dom';
Na kisha tufanye ili kitendo
action sasa kirudishe
sio 1, bali tuelekeze
kwenye njia tunayohitaji. Katika kesi hii
tunahitaji kurudi nyuma kwenye
ukurasa wa bidhaa:
return redirect(`/products/${params.productId}`);
Sasa, kubonyeza kitufe cha kuhifadhi, sisi tunarudi kwenye ukurasa wa bidhaa na data iliyosasishwa.
Yote haya tunaweza kufanya na kwa kuongeza bidhaa mpya, kwa sababu pengine ingekuwa rahisi kutoka mara moja kwenye fomu na kujaza. Wacha tufanye hivyo.
Kwa mwanjo sasa tunahitaji kufungua
faili root.jsx na kuingiza
redirect, kwa kuwa kuongezwa kwa
bidhaa hufanyika kwenye ukurasa mzizi:
import { redirect } from 'react-router-dom';
Tena tunachukua kitendo action na
sasa turudishe sio product,
bali tufanye uelekezaji kwenye ukurasa wa
uhariri:
return redirect(`/products/${product.id}/edit`);
Tuangalie na hii. Bonyeza sasa kwenye kitufe cha kuongeza bidhaa na tutaona fomu kwa ajili ya kuihariri
Chukua programu iliyoundwa na wewe katika kazi za masomo yaliyopita. Kwa kutumia nyenzo za somo, kutekeleza ndani yake uelekezaji kwenye ukurasa wa mwanafunzi baada ya kubonyeza kitufe cha kuhifadhi data kwenye ukurasa wenye fomu.
Sasa kutekeleza uelekezaji kutoka kwenye ukurasa mkuu hadi kwenye ukurasa wenye fomu ya kuhariri data za mwanafunzi baada ya kubofya kitufe cha kuongeza mwanafunzi kwenye orodha.
