Redux-də satıcı məlumatının əlavə edilməsi

Biz sizinlə müzakirə etdik ki, məhsullarımız əslində satıcılar tərəfindən tətbiqə əlavə olunur. Gəlin yeni məhsul əlavə edərkən satıcı haqqında məlumat çap edək.

Məhsullarla olan tətbiqimizi açaq, onun içində isə productsSlice.js faylını. Gəlin prepare-ə daha bir parametr ötürək, onu sellerId adlandıraq və sonra əməliyyatın payload hissəsi üçün təyin edək. İndi bizim prepare üçün olan kod parçası belə olacaq:

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

İndi bizim məhsul əlavə etmək üçün olan formanın NewProductForm.jsx faylında bir sıra dəyişikliklər etmək lazımdır. Əvvəlcə satıcı id-si üçün daha bir lokal state əlavə edək:

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

Sonra dispatch dəyişəninin useDispatch üçün elan edilməsindən sonra, useSelector hook-u vasitəsilə state-dən satıcılar slice-nı əldə etmək üçün kodu əlavə edək:

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

Daxil etmə sahələri üçün olan emalçılara daha birini əlavə edək:

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

onSaveProductClick-i düzəldək, ona productAdded əməliyyatı üçün sellerId də əlavə edək:

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

Tələbələrlə olan tətbiqinizi açın. Əlavə edilmiş tələbələri əlavə edən müəllim haqqında məlumatın daxil edilməsi imkanını əlavə edin. Bunun üçün dərsin materialını öyrənərək, studentsSlice.js faylında prepare funksiyası üçün dəyişikliklər edin.

NewStudentForm.jsx faylında müvafiq dəyişikliklər edin