Dodavanje informacija o prodavcu u Redux

Razgovarali smo o tome da naše proizvode zapravo dodaju prodavci u aplikaciju. Hajde da prilikom dodavanja novog proizvoda prikažemo informacije o prodavcu.

Otvorimo našu aplikaciju sa proizvodima, a u njoj fajl productsSlice.js. Hajde da prosledimo u prepare još jedan parametar, nazvaćemo ga sellerId i postavimo ga dalje za payload akcije. Sada će naš parčić koda za prepare biti ovakav:

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

Sada treba da unesemo niz izmena u fajl sa formom za dodavanje proizvoda NewProductForm.jsx. Za početak dodajmo još jedno lokalno stanje za id prodavca:

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

Zatim nakon deklaracije promenljive dispatch za useDispatch, dodajmo kod za dobijanje slice-a prodavaca iz stanja pomoću huka useSelector:

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

U rukavaoce za polja unosa dodajmo još jedan:

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

Popravimo onSaveProductClick, dodavši za akciju productAdded još i sellerId:

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

Otvorite vašu aplikaciju sa studentima. Dodajte mogućnost unosa informacija o predavaču koji je dodao studente. Za ovo, proučivši materijal lekcije, unesite izmene za funkciju prepare u fajlu studentsSlice.js.

Unesite odgovarajuće izmene u fajl NewStudentForm.jsx