0

введите сюда описание изображениявведите сюда описание изображенияКак можно на React js и redux реализовать функцию, которая добавляет один товар с разными опциями в корзину?

введите сюда описание изображения

7
  • Конкретизируйте вопрос, что именно у вас не получается? Добавить элемент в список? Хранить список, передавать его? Приведите пример кода и опишите что не так он делает. 23 апр 2022 в 12:45
  • Я не понимаю как построить такой компонент ибо я новичок. Понятно как добавлять товары без опций в корзину, но тут другая история. Тут надо добавить товар с выбранными опциями, но чтобы была возможность добавить этот же товар с другими опциями 23 апр 2022 в 17:48
  • Какой компонент, товар в корзине - это всего лишь обьект в списке обьектов, а не компонент. компонент реакта - это то что отрисовано для пользователя, вот этот вот прямоугольик с картинками. При нажатии на кнопку добавить в этом компоненте в список(корзину) добавляется простой js обьект. Так вот вы компоненты реакта не можете создать? Не знаете как по клику сделать событие? Как инициализировать обьект и добавить его в список? 23 апр 2022 в 17:57
  • Я знаю как добавить объект в корзину. Но тут допустим я хочу добавить одну пиццу двух размеров, нпример: 30 см. и 40 см. Я уже догадался как такое добавлять в корзину, но не знаю как подсчитать их количество. 24 апр 2022 в 11:02
  • 1
    @РоманАхмедов Код лучше приводить именно кодом, а не картинками 24 апр 2022 в 20:55

1 ответ 1

1

Ваш обьект который вы добавляете в корзину содержит только информацию о товаре на карточке, вы хотите добавть "опции" - они не отображаются на карточке а идут отдельно списком к пицце. Вам необходимо в обьект product добавить еще одно поле, содержащее массив опций.

То есть если примерно так:

    const product = {
      id = card.id
      price = card.price

      options = card.options
}
1
  • А где в карточке будут формироваться опции и как присавиваться - для ответа на этот вопрос приведите больше кода описывающего card и его поведение. Только пожалуйста не картинки, просто скопируйте код 24 апр 2022 в 21:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.