React Router-da başga marsruta Ýöneltme
Indi önümi redaktirleme wagty formada girizilen maglumatlar saklanýar, ýöne bir MESELE bar - maglumatlary saklandan soň biz formanyň sahypasynda galýarys, ýöne bize yzyna önüm sahypasyna ýetenimiz gerek. Bu ýerde bize ýöneltme kömek eder, biz onuň bilen bu sapakda tanşarys.
Geliň edit.jsx faýlyny açalyň
we kitaphanadan redirect
import edeliň:
import { redirect } from 'react-router-dom';
Soň bolsa action funksiýasy
indi 1 yzyna gaytarmazlygy,
eýsem bizi gerekli marsruta
ýöneltmegini edeliň. Bu ýagdaýda
bize önümiň sahypasyna yzyna
gaytmaly:
return redirect(`/products/${params.productId}`);
Indi, saklamak düwmesine basanymyzda, biz täzelenen maglumatlar bilen önümiň sahypasyna ýeteris.
Hemme şonuň ýaly işi biz täze önüm goşmak üçin hem edip bileris, sebäbi belki-de derrew forma çykmak we ony doldurmak amatly bolar. Geliň şeýle edeliň.
Başlangyç üçin indi biz
root.jsx faýlyny açmaly
we redirect import etmeli,
sebäbi önümleriň goşulmagy
esasy sahypada bolýar:
import { redirect } from 'react-router-dom';
action funksiýasyny ýene alyň we
indi product yzyna gaytarmazlygy,
eýsem redaktirleme sahypasyna
ýöneltme edeliň:
return redirect(`/products/${product.id}/edit`);
Muny hem barlaýalyň. Indi önüm goşmak düwmesine basalyň we onuň redaktirlemek üçin formasyny göreleris
Öňki sapaklara degişli tabşyryklarda döreden programmanyňyzy alyň. Sapagyň materiallaryny ulanyp, onda formanyň sahypasynda maglumatlary saklamak düwmesine basandan soň talybyň sahypasyna ýöneltme amala aşyryň.
Indi bolsa esasy sahypadan talybyň maglumatlaryny redaktirleme formasyna, talyby sanawa goşmak düwmesine basandan soň, ýöneltme amala aşyryň.
