Redux-da satyjynyň maglumaty goşulmagy

Biz siziň bilen, bizim önümlerimiziň esasan satyjylar tarapyndan programa goşulýandygy barada gürleşdik. Täze önüm goşulýanda, satyjynyň maglumaty görkezeliň.

Önümler bilen programmaňyzy açyň, onyň içindäki productsSlice.js faýlyny açyň. Geliň prepare-e ýene bir parametr geçireliň, ona sellerId⁅/c          ⁆ diýip at beralyň we ony işlemiň payload-i üçin belleýs. Indi bizim prepare üçin kod bölegimiz şeýle bolar:

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

Indi biz önüm goşmak üçin formanyň faýlyna NewProductForm.jsx birnäçe üýtgeşiklik girizmeli. Ilki bilen satyjynyň id üçin ýene bir lokal ýagdaý goşalyň:

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

Soňra dispatch üýtgeýjisini useDispatch üçin yglan edensoň, useSelector çeňňegini ulanyp ýagdaýdan satyjylaryň dilimini almak üçin kody goşalyň:

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

Giriş meýdanlary üçin işleýjilere ýene birini goşalyň:

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

productAdded işlemi üçin sellerId⁅/c          ⁆-i hem goşup onSaveProductClick-i düzedeliň:

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

Talyplylar bilen programmaňyzy açyň. Talyp goşan mugallymyň maglumatyny girmek mümkinçiligini goşuň. Bunun üçin, sapak materiýalyny öwrenip, studentsSlice.js faýlyndaky prepare funksiýasy üçin üýtgeşiklikleri giriziň.

NewStudentForm.jsx faýlyna degisli üýtgeşiklikleri giriziň.