Opdatering van data volgens URL parameters in die stoor in React Router

In die vorige les het ons nog 'n roete en 'n bladsy met 'n vorm vir redigering van data bygevoeg. Ons moet nou die data wat in ons vorm ingevoer is, stoor.

Laat ons eers 'n funksie vir opdatering van produkdata updateProduct byvoeg in forStorage.js. Ons moet die id van die produk en die veranderde data daaraan oordra:

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

Dan sal ons die produkte van die stoor volgens die sleutel 'products' kry en die een vind wat ons verander volgens sy id. In geval van mislukking gooi ons 'n fout:

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);				
}

Dan moet ons net die veranderinge in die gevonde produk aanbring en die opgedateerde lys in die stoor oorskryf met behulp van ons funksie 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;
}

Neem die aansoek wat jy in die opdragte van die vorige lesse geskep het. Gebruik die lesmateriaal en voeg in die lêer forStorage.js die funksie updateStudent by vir opdatering van studentedata in die stoor.