React Router'da boshqa marshrutga qayta yo'naltirish
Endi mahsulotni tahrirlashda shaklda kiritilgan ma'lumotlar saqlanadi, lekin bitta AMO - ma'lumotlarni saqlagandan so'ng biz shakl sahifasida qolamiz, lekin biz yana mahsulot sahifasiga o'tishimiz kerak. Bunda bizga qayta yo'naltirish yordam beradi, bilan biz ushbu darsda tanishamiz.
Keling, edit.jsx faylini ochamiz
va redirect ni import qilamiz
kutubxonadan:
import { redirect } from 'react-router-dom';
Va keyin shunday qilamizki, funktsiya
action endi qaytarsin
1 emas, balki bizni kerakli marshrutga
yo'naltirsin. Bu holda
biz yana orqaga qaytishimiz kerak
mahsulot sahifasiga:
return redirect(`/products/${params.productId}`);
Endi, saqlash tugmasini bosganimizda, biz yana mahsulot sahifasiga yangilangan ma'lumotlar bilan tushamiz.
Xuddi shu narsani biz bajarishimiz mumkin yangi mahsulot qo'shish uchun ham, chunki aniq qulayroq bo'lardi darhol chiqib ketish shaklga va uni to'ldirish. Keling, shunday qilaylik.
Boshlash uchun endi ochishimiz kerak
root.jsx faylini va import qilish
redirect, chunki mahsulot qo'shish
asosiy sahifada sodir bo'ladi:
import { redirect } from 'react-router-dom';
Yana action funktsiyasini olamiz va
endi product ni qaytarmaymiz,
balki qayta yo'naltirishni amalga oshiramiz
tahrirlash sahifasiga:
return redirect(`/products/${product.id}/edit`);
Keling, buni tekshiramiz. Endi tugmachani bosing mahsulot qo'shish va uning uchun shaklni ko'ramiz tahrirlash
Oldingi darslar uchun topshiriqlarda yaratilgan ilovangizni oling. Dars materiallaridan foydalanib, unda amalga oshiring shakl sahifasidagi ma'lumotlarni saqlash tugmasini bosgandan so'ng talaba sahifasiga qayta yo'naltirish.
Endi asosiy sahifadan talaba ma'lumotlarini tahrirlash shakli sahifasiga qayta yo'naltirishni amalga oshiring ro'yxatga talaba qo'shish tugmasi bosilgandan so'ng.
