Krijimi i një objekti me të dhëna produkti në Redux

Funksioni për krijimin e një objekti me shitës e kemi, le të kalojmë te produkti. Krijimi i këtij objekti do të jetë pak më i ndërlikuar, sepse ai përmban më shumë fusha me të dhëna. Le të fillojmë.

Le të hapim aplikacionin tonë të produkteve, dhe në të skedarin server.js. Poshtë, pas funksionit getRandInt, le të shkruajmë funksionin tonë createProductData:

const createProductData = () => {}

Tani le të përcaktojmë vetitë e nevojshme. Vlerat për name, price dhe amount ne do t'i gjenerojmë duke përdorur getRandInt, të cilin e kemi shkruar në mësimin e kaluar:

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

Dhe për të gjeneruar përshkrimin, ne do të përdorim një tjetër gjë të dobishme. Kjo është libraria faker, e cila lejon gjenerimin e emrave, adresave, email-eve, emrave të rrugëve, teksteve, etj. të rreme në gjuhë të ndryshme. Le të shkruajmë në terminal rreshtin e mëposhtëm dhe të instalojmë këtë librari për aplikacionin tonë:

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

Dhe pastaj le ta importojmë në skedarin tonë:

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

Le të përdorim gjenerimin e fjalisë prej saj, që përmban tekstin e njohur "peshk" 'Lorem ipsum'. Le të përmbajë përshkimi nga 3 deri në 5 fjali të tilla:

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

Tani le të shtojmë në objektin tonë fushën me reaksione, do t'i japim vlerë, të gjeneruar në vend me komandën create, objekt (reaksionet për momentin në të do të jenë 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(),
	}
}

Dhe si veti të fundit le të shtojmë objektin e gjeneruar tashmë të shitësit, të cilin ne duhet patjetër ta kalojmë si parametër në funksionin createProductData. Kështu duket kodi i plotë i funksionit të krijimit të objektit të produktit:

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,
	}
}

Hapni aplikacionin tuaj me studentët. Pasi të njiheni me materialin e këtij mësimi, shkruani një funksion për krijimin e një objekti me të dhënat e studentit.