Додавање информације о продавцу у 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