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`);
අපි එය පරීක්ෂා කරමු. දැන් එකතු කිරීමේ බොත්තම ක්ලික් කරන්න නිෂ්පාදනය සහ එහි සංස්කරණය සඳහා පෝරමය දකින්න
පෙර පාඩම් සඳහා ඔබ විසින් නිර්මාණය කරන ලද යෙදුම ගන්න. පාඩමේ ද්රව්ය භාවිතා කරමින්, එහි පෝරම් පිටුවේ දත්ත සුරැකීමේ බොත්තම ක්ලික් කිරීමෙන් පසු සිසුවාගේ පිටුවට හරවා යැවීම ක්රියාත්මක කරන්න.
දැන් ප්රධාන පිටුවෙන් පෝරම් පිටුවට සිසුවෙකුගේ දත්ත සංස්කරණය කිරීම සඳහා හරවා යැවීම ක්රියාත්මක කරන්න ලැයිස්තුවට සිසුවෙකු එකතු කිරීමේ බොත්තම ක්ලික් කිරීමෙන් පසුව.
