Дигар маршрут ба 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`);

Инро ҳам санҷем. Акнун тугмаи илова кардани маҳсулотро пахш кунем ва шакли барои таҳрири онро хоҳем дид.

Барномаеро, ки шумо дар вазифаҳо ба дарсҳои гузашта сохтаед, гиред. Бо истифода аз маводҳои дарс, дар он равиш кардани ба саҳифаи донишҷӯ пас аз пахши тугмаи захиракунии маълумотро дар саҳифаи шакл амалӣ созед.

Ва акнун равиш кардани аз саҳифаи асосӣ ба саҳифаи шакли таҳрири маълумоти донишҷӯ пас аз клик кардан ба тугмаи илова кардани донишҷӯ ба рӯйхат амалӣ созед.