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:

products/productsSlice.jsprepare(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:

products/NewProductForm.jsxconst [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:

products/NewProductForm.jsxconst sellers = useSelector((state) => state.sellers)

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

products/NewProductForm.jsxconst onSellerChanged = (e) => setSellerId(e.target.value)

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

products/NewProductForm.jsxdispatch(productAdded(name, desc, price, amount, sellerId))