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

ඔබගේ ශිෂ්‍ය යෙදුම විවෘත කරන්න. මෙම පාඩමේ ද්‍රව්‍ය හඳුනා ගැනීමෙන් පසු, ශිෂ්‍යයෙකු සමඟ දත්ත වස්තුවක් නිර්මාණය කිරීම සඳහා ශ්‍රිතයක් ලියන්න.