Memadam Data dari Penyimpanan dalam React Router

Aplikasi kami boleh menambah produk baharu, mengedit data, tinggal hanya untuk menambah pemadaman data. Untuk ini kita akan melalui langkah-langkah yang sudah biasa dari pelajaran sebelumnya sekali lagi.

Pertama, mari buka fail forStorage.js dan tambah fungsi terakhir untuk memadam produk tertentu deleteProduct berdasarkan id-nya:

export async function deleteProduct(id) {}

Kemudian kami akan mendapatkan senarai produk dari penyimpanan dan mencari indeks produk yang ingin kami padam, jika produk tersebut wujud, maka padamkannya dari senarai menggunakan splice. Seterusnya, kami akan memanggil setProducts dan mengisi senarai produk baharu ke dalam penyimpanan:

export async function deleteProduct(id) {
	let products = await localforage.getItem('products');
	let index = products.findIndex((product) => product.id === id);
	if (index > -1) {
		products.splice(index, 1);
		await setProducts(products);
		return true;
	}
	return false;
}

Ambil aplikasi yang dicipta oleh anda dalam tugasan untuk pelajaran lepas. Dengan menggunakan bahan pelajaran, tulis fungsi deleteStudent untuk memadam data pelajar dari penyimpanan berdasarkan id.