Добавление информации о продавце в Redux
Мы с вами говорили о том, что наши продукты фактически добавляются в приложение продавцами. Давайте при добавлении нового продукта будем выводить информацию о продавце.
Откроем наше приложение с продуктами,
а в нем файл productsSlice.js. Давайте
будем передавать в prepare еще один
параметр, назовем его sellerId и установим
его далее для payload экшена. Теперь наш
кусочек кода для prepare будет таким:
prepare(name, desc, price, amount, sellerId) {
return {
payload: {
id: nanoid(),
name,
desc,
price,
amount,
seller: sellerId,
},
}
},
Теперь нам нужно внести ряд изменений в файл
с формой для добавления продукта
NewProductForm.jsx. Для начала добавим
еще один локальный стейт для id продавца:
const [sellerId, setSellerId] = useState('')
Затем после объявления переменной
dispatch для useDispatch,
добавим код для получения слайса продавцов
из стейта при помощи хука useSelector:
const sellers = useSelector((state) => state.sellers)
В обработчики для полей ввода добавим еще один:
const onSellerChanged = (e) => setSellerId(e.target.value)
Подправим onSaveProductClick, добавив для
экшена productAdded еще и sellerId:
dispatch(productAdded(title, desc, price, amount, sellerId))
Откройте ваше приложение со студентами.
Добавьте возможность внесения информации
о преподавателе, который добавил студентов.
Для этого, изучив материал урока, внесите
изменения для функции prepare в файле
studentsSlice.js.
Внесите соответствующие изменения в
файл NewStudentForm.jsx