პროდუქტის მონაცემთა ობიექტის შექმნა Redux-ში

ფუნქცია გამყიდველის ობიექტის შესაქმნელად ჩვენ გვაქვს, მოდით გადავიდეთ პროდუქტზე. ამ ობიექტის შექმნა ცოტათი უფრო რთული იქნება, რადგან მას მონაცემთა მეტი ველი აქვს. დავიწყოთ.

მოდით გავხსნათ ჩვენი პროდუქტების აპლიკაცია, და მასში ფაილი server.js. ფუნქციის getRandInt ქვემოთ დავწეროთ ჩვენი ფუნქცია createProductData:

const createProductData = () => {}

ახლა დავამატოთ საჭირო თვისებები. მნიშვნელობები name-ის, price-ის და amount-ისთვის ჩვენ გენერირებას გავუკეთებთ getRandInt-ის დახმარებით, რომელიც წინა გაკვეთილზე დავწერეთ:

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

და აღწერის გენერირებისთვის, ჩვენ გამოვიყენებთ კიდევ ერთ სასარგებლო ინსტრუმენტს. ეს არის ბიბლიოთეკა faker, რომელიც საშუალებას გაძლევს გენერირება მოახდინო ყალბი სახელების, მისამართების, ელ.ფოსტის, ქუჩების სახელების, ტექსტების და სხვ. სხვადასხვა ენაზე. მოდით ტერმინალში შევიყვანოთ შემდეგი ბრძანება და დავაყენოთ ეს ბიბლიოთეკა ჩვენი აპლიკაციისთვის:

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

შემდეგ კი იმპორტირება მოვახდინოთ ჩვენს ფაილში:

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

მოდით გამოვიყენოთ მისი წინადადებების გენერატორი, რომელიც შეიცავს ცნობილ ტექსტ-"თევზს" 'Lorem ipsum'. დავუშვათ, რომ აღწერა შეიცავდეს 3-დან 5-მდე ასეთ წინადადებას:

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

ახლა დავამატოთ ჩვენ ობიექტში ველი რეაქციებით, მნიშვნელობად მივაწოდოთ მას, ადგილზე create ბრძანებით გენერირებული, ობიექტი (რეაქციები ამ ეტაპზე იქნება 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(),
	}
}

და ბოლო თვისებად დავამატოთ უკვე გენერირებული გამყიდველის ობიექტი, რომელიც ჩვენ აუცილებლად უნდა გადავცეთ პარამეტრად ფუნქციას createProductData. აი, ასე გამოიყურება პროდუქტის ობიექტის შექმნის ფუნქციის სრული კოდი:

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

გახსენით თქვენი სტუდენტების აპლიკაცია. ამ გაკვეთილის მასალასთან გაცნობის შემდეგ, დაწერეთ ფუნქცია სტუდენტის მონაცემთა ობიექტის შესაქმნელად.