Shtimi i informacionit mbi shitësin në Redux

Ne kemi folur se produktet tona në fakt shtohen në aplikacion nga shitësit. Le të shfaqim informacionin mbi shitësin gjatë shtimit të një produkti të ri.

Le të hapim aplikacionin tonë të produkteve, dhe në të file-in productsSlice.js. Le të kalojmë në prepare një parametër tjetër, le ta quajmë atë sellerId dhe ta vendosim më pas për payload të veprimit. Tani pjesa e kodit tonë për prepare do të jetë kështu:

products/productsSlice.jsprepare(name, desc, price, amount, sellerId) {
  return {
    payload: {
      id: nanoid(),
      name,
      desc,
      price,
      amount,
      seller: sellerId,
    },
  }
},

Tani ne duhet të bëjmë një sërë ndryshimesh në file me formën për shtimin e produktit NewProductForm.jsx. Së pari le të shtojmë një gjendje lokale tjetër për id e shitësit:

products/NewProductForm.jsxconst [sellerId, setSellerId] = useState('')

Pastaj pas deklarimit të ndryshores dispatch për useDispatch, le të shtojmë kodin për marrjen e prerjes së shitësve nga gjendja duke përdorur hook-un useSelector:

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

Në përpunuesit për fushat e hyrjes le të shtojmë edhe një:

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

Le të rregullojmë onSaveProductClick, duke shtuar për veprimin productAdded edhe sellerId:

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