Pardavėjo informacijos pridėjimas Redux

Mes kalbėjome apie tai, kad mūsų produktai faktiškai yra pridedami į programėlę pardavėjų. Leiskite pridėtant naują produktą rodyti informaciją apie pardavėją.

Atidarykime mūsų programėlę su produktais, o joje failą productsSlice.js. Leiskite perduoti į prepare dar vieną parametrą, pavadinkime jį sellerId ir nustatykime jį toliau payload veiksmui. Dabar mūsų kodo gabalėlis prepare bus toks:

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

Dabar mums reikia atlikti keletą pakeitimų faile su forma produkto pridėjimui NewProductForm.jsx. Pirmiausia pridėkime dar vieną lokalų būseną pardavėjo id:

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

Tada po kintamojo dispatch deklaravimo useDispatch, pridėkime kodą pardavėjų gabalo gavimui iš būsenos naudojant kabliuką useSelector:

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

Į įvesties laukų apdorotojus pridėkime dar vieną:

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

Pataisykime onSaveProductClick, pridėdami veiksmui productAdded dar ir sellerId:

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

Atidarykite savo programėlę su studentais. Pridėkite galimybę įvesti informaciją apie dėstytoją, kuris pridėjo studentus. Tam, išstudijavę pamokos medžiagą, atlikite pakeitimus funkcijai prepare faile studentsSlice.js.

Atlikite atitinkamus pakeitimus faile NewStudentForm.jsx