React Router හි URL පරාමිතීන් මගින් ගබඩාවේ දත්ත යාවත්කාලීන කිරීම

පෙර පාඩමෙදී අපි තවත් මාර්ගයක් සහ දත්ත සංස්කරණය සඳහා ආකෘති පිටුවක් එකතු කළෙමු. අපට ඉතිරිව ඇත්තේ අපගේ ආකෘතියට ඇතුළත් කළ දත්ත සුරැකීමයි.

පළමුව, නිෂ්පාදන දත්ත යාවත්කාලීන කිරීම සඳහා updateProduct ක්‍රියාවලිය forStorage.js ගොනුවට එකතු කරමු. අපි එයට නිෂ්පාදනයේ id සහ වෙනස් කළ දත්ත සම්ප්‍රේෂණය කළ යුතුය:

export async function updateProduct(id, updates) {
	await someNetwork();
}

ඊළඟට, ගබඩාවෙන් 'products' යතුරෙන් නිෂ්පාදන ලබාගෙන, අප වෙනස් කරන එක එහි id භාවිතයෙන් සොයා ගනිමු. අසාර්ථක වුවහොත් දෝෂයක් ඇති කරමු:

export async function updateProduct(id, updates) {
	await someNetwork();
	let products = await localforage.getItem('products');
	let product = products.find((product) => product.id === id);
	if (!product) throw new Error('No product found for this', id);				
}

ඉන්පසු අපට සොයාගත් නිෂ්පාදනයට වෙනස්කම් ඇතුළත් කිරීමට සහ යාවත්කාලීන කළ ලැයිස්තුව අපගේ setProducts ක්‍රියාවලිය භාවිතයෙන් ගබඩාවට නැවත ලිවීමට ඉතිරිව ඇත:

export async function updateProduct(id, updates) {
	await someNetwork();
	let products = await localforage.getItem('products');
	let product = products.find((product) => product.id === id);
	if (!product) throw new Error('No product found for this', id);
	Object.assign(product, updates);
	await setProducts(products);
	return product;
}

පෙර පාඩම් සඳහා ඔබ සාදන ලද යෙදුම ගන්න. පාඩම් ද්‍රව්‍ය භාවිතා කරමින්, forStorage.js ගොනුවට ගබඩාවේ සිසුවෙකුගේ දත්ත යාවත්කාලීන කිරීම සඳහා updateStudent ක්‍රියාවලිය එකතු කරන්න.