Додавање на информации за продавач во 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. За почеток да додадеме уште една локална state за id на продавачот:

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

Потоа, по декларацијата на променливата dispatch за useDispatch, да додадеме код за добивање на slice на продавачи од state со помош на hook-от 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