Ажурирање на податоци преку URL параметри во складиштето во React Router

На претходната лекција додадовме уште една рута и страница со форма за уредување на податоци. Останува да ги зачуваме податоците внесени во нашата форма.

За почеток, додадете функција за ажурирање на податоците за производот 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 за ажурирање на податоците за студентот во складиштето.