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('Бу учун ҳеч қандай маҳсулот топилмади', 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('Бу учун ҳеч қандай маҳсулот топилмади', id);
	Object.assign(product, updates);
	await setProducts(products);
	return product;
}

Олдинги дарслардаги вазифаларда яратган иловаңизни олинг. Дарс материалларидан фойдаланиб, forStorage.js файлига updateStudent функциясини қўшинг, сақланишдаги студент маълумотларини янгилаш учун.