Илова кардани маълумот дар бораи фурӯшанда дар Redux

Мо бо шумо дар бораи он суҳбат кардем, ки маҳсулоти мо воқеан аз ҷониби фурӯшандагон ба барнома илова карда мешаванд. Биёед ҳангоми илова кардани маҳсулоти нав, маълумотро дар бораи фурӯшанда чоп кунем.

Барномаи мо бо маҳсулотро кушоед, ва дар он файли productsSlice.js. Биёед ба prepare як параметри дигар гузаронем, номи онро sellerId гузорем ва таъин кунем онро барои payload амал. Акнун порчаи коди мо барои prepare инҳоянд:

prepare(name, desc, price, amount, sellerId) {
	return {
		payload: {
			id: nanoid(),
			name,
			desc,
			price,
			amount,
			seller: sellerId,
		},
	}
},

Акнун ба мо як қатор тағйирот дар файл бо шакли илова кардани маҳсулот NewProductForm.jsx ворид кардан лозим аст. Аввалан, биёед як стейти маҳаллии дигар барои id-и фурӯшанда илова кунем:

const [sellerId, setSellerId] = useState('')

Сипас пас аз эълон кардани тағйирёбандаи dispatch барои useDispatch, кодро барои гирифтани слайси фурӯшандагон аз стейт бо ёрии хуки useSelector илова кунем:

const sellers = useSelector((state) => state.sellers)

Ба коркардкунандагон барои майдони вуруд илова кунем яктои дигар:

const onSellerChanged = (e) => setSellerId(e.target.value)

onSaveProductClick-ро дуруст кунем, барои амали productAdded sellerId-ро низ илова кунем:

dispatch(productAdded(name, desc, price, amount, sellerId))

Барномаи шумо бо донишҷӯёнро кушоед. Имконияти ворид кардани маълумотро дар бораи омӯзгор, ки донишҷӯёнро илова кардааст, илова кунед. Барои ин, моддаи дарсро омӯхта, тағйирот барои функсияи prepare дар файли studentsSlice.js ворид кунед.

Тағйироти мувофиқро дар файли NewStudentForm.jsx ворид кунед