React Router'до башка маршрутка кайта багыттоо

Азыр продуктту түзөтүү учурунда формага киргизилген маалыматтар сакталат, бирок бир ЭСКЕРТҮҮ бар - маалыматтарды сактагандан кийин биз формасы бар бетте калабыз, ал эми биз продукт бетине кайтып келишибиз керек. Бул жерде бизге кайта багыттоо жардам берет, аны биз ушул сабакта тааныйбыз.

Келгиле, edit.jsx файлын ачып, китепканадан redirect импорттойлу:

import { redirect } from 'react-router-dom';

Андан кийин action функциясы эми 1 кайтарбастан, бизди керектүү маршрутка багытташын жасайлы. Бул учурда биз продукт бетинө кайтып келишибиз керек:

return redirect(`/products/${params.productId}`);

Азыр, сактоо баскычын басканда, биз жаңыртылган маалыматтары менен продукт бетине кайра чыгабыз.

Ошол эле нерсени жаңы продукт кошкондо да жасасак болот, анткени формага чыгып, аны толтуруу ыңгайлуу болушу мүмкүн. Келгиле, ушуну жасайлы.

Баштоо үчүн, азыр root.jsx файлын ачып, redirect импорттойлу, анткени продукт кошуу негизги бетте жасалат:

import { redirect } from 'react-router-dom';

Дагы бир жолу action функциясын алып, эми product кайтарбастан, түзөтүү бетинө кайта багыттоо жасайлы:

return redirect(`/products/${product.id}/edit`);

Муну да текшерейли. Азыр продукт кошуу баскычына чыксақ, аны түзөтүү формасын көрөбүз.

Өзүңүз мурунку сабактардын тапшырмаларында түзгөн колдонмонузду алыңыз. Сабактын материалдарын пайдаланып, анда студент бетине формадагы маалыматтарды сактоо баскычын баскандан кийин кайта багыттоону ишке ашырыңыз.

Эми негизги беттен студенттин маалыматтарын түзөтүү формасына тизмеге студент кошуу баскычына чыккандан кийин кайта багыттоону ишке ашырыңыз.