Membuat Objek Data Produk di Redux

Fungsi untuk membuat objek dengan penjual sudah kita miliki, mari kita beralih ke produk. Pembuatan objek ini akan sedikit lebih rumit, karena ia mengandung lebih banyak bidang data. Mari kita mulai.

Mari buka aplikasi produk kita, dan di dalamnya file server.js. Di bawah fungsi getRandInt, mari tulis fungsi kita createProductData:

const createProductData = () => {}

Sekarang mari tentukan properti yang kita butuhkan. Nilai untuk name, price, dan amount akan kita hasilkan menggunakan getRandInt, yang kita tulis di pelajaran sebelumnya:

const createProductData = () => {
	return {
		name: `Product${getRandInt(0, 100)}`,
		price: getRandInt(100, 2000),
		amount: getRandInt(1, 50),
	}
}

Dan untuk menghasilkan deskripsi, kita akan menggunakan alat yang berguna lainnya. Ini adalah pustaka faker, yang memungkinkan untuk menghasilkan nama, alamat, email, nama jalan, teks, dll. palsu dalam berbagai bahasa. Mari ketik di terminal baris berikut dan instal pustaka ini untuk aplikasi kita:

npm install @faker-js/faker --save-dev

Kemudian impor ke file kita:

import { faker } from '@faker-js/faker'

Mari kita gunakan fungsi untuk menghasilkan kalimat, yang berisi teks "placeholder" terkenal 'Lorem ipsum'. Biarkan deskripsi mengandung dari 3 hingga 5 kalimat seperti itu:

const createProductData = () => {
	return {
		name: `Product${getRandInt(0, 100)}`,
		desc: faker.lorem.sentences({ min: 3, max: 5 }),
		price: getRandInt(100, 2000),
		amount: getRandInt(1, 50),
	}
}

Sekarang tambahkan ke objek kita bidang untuk reaksi, untuk nilainya kita akan berikan objek yang dihasilkan di tempat dengan perintah create (reaksi untuk saat ini akan bernilai 0):

const createProductData = () => {
	return {
		name: `Product${getRandInt(0, 100)}`,
		desc: faker.lorem.sentences({ min: 3, max: 5 }),
		price: getRandInt(100, 2000),
		amount: getRandInt(1, 50),
		reactions: db.reaction.create(),
	}
}

Dan sebagai properti terakhir, tambahkan objek penjual yang telah dihasilkan, yang pasti harus kita teruskan sebagai parameter ke fungsi createProductData. Berikut tampilan kode lengkap fungsi pembuatan objek produk:

const createProductData = (seller) => {
	return {
		name: `Product${getRandInt(0, 100)}`,
		desc: faker.lorem.sentences({ min: 3, max: 5 }),
		price: getRandInt(100, 2000),
		amount: getRandInt(1, 50),
		reactions: db.reaction.create(),
		seller,
	}
}

Buka aplikasi Anda dengan data mahasiswa. Setelah mempelajari materi pelajaran ini, tulislah fungsi untuk membuat objek dengan data mahasiswa.