Menghapus Data dari Penyimpanan di React Router

Aplikasi kita dapat menambahkan produk baru, mengedit data, tinggal menambahkan penghapusan data. Untuk ini kita akan melalui lagi langkah-langkah yang sudah familiar dari pelajaran sebelumnya.

Pertama, buka file forStorage.js dan tambahkan fungsi terakhir untuk menghapus produk tertentu deleteProduct berdasarkan id-nya:

export async function deleteProduct(id) {}

Kemudian kita akan mendapatkan daftar produk dari penyimpanan dan menemukan indeks produk yang ingin kita hapus, jika produk tersebut ada, maka hapus dari daftar menggunakan splice. Selanjutnya kita akan memanggil setProducts dan mengisi daftar produk baru 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 Anda buat dalam tugas pelajaran sebelumnya. Dengan menggunakan materi pelajaran, tulis fungsi deleteStudent untuk menghapus data mahasiswa dari penyimpanan berdasarkan id.