Shtimi i informacionit mbi shitësin në Redux

Ne kemi folur se produktet tona në fakt shtohen në aplikacion nga shitësit. Le të shfaqim informacionin mbi shitësin gjatë shtimit të një produkti të ri.

Le të hapim aplikacionin tonë të produkteve, dhe në të file-in productsSlice.js. Le të kalojmë në prepare një parametër tjetër, le ta quajmë atë sellerId dhe ta vendosim më pas për payload të veprimit. Tani pjesa e kodit tonë për prepare do të jetë kështu:

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

Tani ne duhet të bëjmë një sërë ndryshimesh në file me formën për shtimin e produktit NewProductForm.jsx. Së pari le të shtojmë një gjendje lokale tjetër për id e shitësit:

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

Pastaj pas deklarimit të ndryshores dispatch për useDispatch, le të shtojmë kodin për marrjen e prerjes së shitësve nga gjendja duke përdorur hook-un useSelector:

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

Në përpunuesit për fushat e hyrjes le të shtojmë edhe një:

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

Le të rregullojmë onSaveProductClick, duke shtuar për veprimin productAdded edhe sellerId:

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

Hapni aplikacionin tuaj me studentët. Shtoni mundësinë e vendosjes së informacionit për mësuesin që shtoi studentët. Për këtë, duke studiuar materialin e mësimit, bëni ndryshime për funksionin prepare në file studentsSlice.js.

Bëni ndryshimet përkatëse në file-in NewStudentForm.jsx