Додавање информације о продавцу у Redux

Причали смо о томе да наше производе уствари додају продавци у апликацију. Хајде да приликом додавања новог производа прикажемо информације о продавцу.

Отворимо нашу апликацију са производима, а у њој фајл productsSlice.js. Хајде да проследимо у prepare још један параметар, назовимо га sellerId и поставимо га затим за payload акције. Сада ће наш део кода за prepare бити овакав:

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

Сада морамо да унесемо низ измена у фајл са формом за додавање производа NewProductForm.jsx. За почетак додајмо још једно локално стање за id продавца:

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

Затим после декларације променљиве dispatch за useDispatch, додајмо код за добијање слајса продаваца из стања помоћу хука useSelector:

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

У руковаоце за поља уноса додајмо још један:

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

Исправимо onSaveProductClick, додајући за акцију productAdded такође и sellerId:

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