Redux-da sotuvchi haqida ma'lumot qo'shish

Biz siz bilan mahsulotlarimiz aslida sotuvchilar tomonidan ilovaga qo'shilishi haqida gapirdik. Keling yangi mahsulot qo'shishda sotuvchi haqida ma'lumot chiqaramiz.

Mahsulotlar bilan ilovamizni ochamiz, unda productsSlice.js faylini ochamiz. Keling prepare-ga yana bir parametr uzatamiz, uni sellerId deb ataymiz va uni keyin payload eksheni uchun o'rnatamiz. Endi bizning prepare uchun kod bo'lagi shunday bo'ladi:

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

Endi bizga mahsulot qo'shish shakli NewProductForm.jsx faylida bir qator o'zgartirishlar kiritish kerak. Boshlash uchun sotuvchi id-si uchun yana bir lokal holat qo'shamiz:

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

Keyin dispatch o'zgaruvchisi useDispatch uchun e'lon qilingandan so'ng, useSelector hooki yordamida holatdan sotuvchilar slaysini olish uchun kod qo'shamiz:

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

Kirish maydonlari uchun ishlov beruvchilarga yana birini qo'shamiz:

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

onSaveProductClick-ni to'g'rilaymiz, productAdded eksheni uchun sellerId ni ham qo'shib:

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

Talabalar bilan ilovangizni oching. Talabalarni qo'shgan o'qituvchi haqida ma'lumot kiritish imkoniyatini qo'shing. Buning uchun dars materialini o'rganib, studentsSlice.js faylida prepare funksiyasi uchun o'zgartirishlar kiriting.

NewStudentForm.jsx faylida tegishli o'zgartirishlarni kiring