React Router-da basqa marsruta yonlendirme
Indi məhsul redaktə edilərkən formaya daxil edilən məlumatlar qeyd olunur, amma bir AMA var - məlumatlar qeyd olunduqdan sonra biz formanın olduğu səhifədə qalırıq, amma biz yenidən məhsul səhifəsinə qayıtmalıyıq. Bunda bizə yonlendirme komek edəcək, hansını ki, bu dersde tanış olacayıq.
Gəlin edit.jsx faylını açaq
və kitabxanadan redirect
import edək:
import { redirect } from 'react-router-dom';
Və sonra elə edək ki, action
funksiyası indi 1 qaytarmasın,
əksinə bizi lazımi marsruta yonlendsin.
Bu halda biz məhsul səhifəsinə geri
qayıtmalıyıq:
return redirect(`/products/${params.productId}`);
Indi, qeyd etmə düyməsini basdıqda, biz yenilənmiş məlumatlar ilə məhsul səhifəsinə geri qayıdırıq.
Eyni şeyi yeni məhsul əlavə etmək üçün də edə bilərik, çünki yəqin ki, dərhal formaya çıxmaq və onu doldurmaq daha rahat olardı. Gəlin belə edək.
Əvvəlcə indi root.jsx faylını
açmalıyıq və redirect import
etməliyik, çünki məhsul əlavə etmə
əsas səhifədə baş verir:
import { redirect } from 'react-router-dom';
Yenidən action funksiyasını götürürük
və indi product qaytarmırıq, əksinə
redaktə səhifəsinə yonlendirme edirik:
return redirect(`/products/${product.id}/edit`);
Gəlin bunu da yoxlayaq. Indi məhsul əlavə etmə düyməsinə klikləyək və onun redaktəsi üçün forma görəcəyik.
Əvvəlki derslərin tapşırıqlarında yaratdığınız proqramı götürün. Dərs materiallarından istifadə edərək, onda formanın olduğu səhifədə məlumatları qeyd etmə düyməsini basdıqdan sonra tələbə səhifəsinə yonlendirmə həyata keçirin.
Indi əsas səhifədən, siyahıya tələbə əlavə etmə düyməsinə klikdən sonra tələbə məlumatlarını redaktə etmə formasının olduğu səhifəyə yonlendirmə həyata keçirin.
