Byvoeging van Verkoperinligting in Redux

Ons het gepraat oor die feit dat ons produkte eintlik deur verkopers by die aansoek gevoeg word. Kom ons sal inligting oor die verkoper vertoon wanneer 'n nuwe produk bygevoeg word.

Laat ons ons produk-aansoek oopmaak, en daarin die lêer productsSlice.js. Kom ons skep nog 'n parameter om na prepare oor te dra, ons noem dit sellerId en stel dit dan vir die payload van die aksie. Nou sal ons stukkie kode vir prepare so lyk:

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

Nou moet ons 'n aantal veranderinge in die lêer met die vorm vir die byvoeging van 'n produk aanbring NewProductForm.jsx. Laat ons eers 'n bykomende plaaslike toestand vir die verkoper-ID byvoeg:

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

Dan, na die verklaring van die veranderlike dispatch vir useDispatch, voeg ons die kode by om die verkopers-sny van die toestand te kry deur die haak useSelector te gebruik:

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

By die handlers vir die invoervelde sal ons 'n ekstra een byvoeg:

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

Laat ons onSaveProductClick regstel deur vir die aksie productAdded ook sellerId by te voeg:

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

Maak jou aansoek met studente oop. Voeg die vermoë om inligting oor die onderwyser wat die studente bygevoeg het, in te voer. Om dit te doen, na bestudering van die lesse materiaal, bring veranderinge aan vir die funksie prepare in die lêer studentsSlice.js.

Bring die ooreenstemmende veranderinge in die lêer NewStudentForm.jsx aan.