Как реализовать компонент «Сохранить»?

Question

faleaksey @faleaksey

React
Redux

Как реализовать компонент «Сохранить»?

Всем привет! на air bnb, на карточках продукта имеется компонент "Сохранить в избранное(понравилось)"

Как это реализовать? я так понимаю, у нас есть главный state где хранится состояние всего приложения + массив с продуктами(карточками товаров)... при клике на like я меняю false на true самой карточки товара или только компонента like? кнопка like это отдельный компонент?

Вопрос задан более трёх лет назад
397 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

1 комментарий

faleaksey @faleaksey Автор вопроса

как в таком случае мне при клике на кнопку "like" менять свойство у продукта?

state = {
    savedProducts: [],
    products: [
      {
        id: 1,
        title: 'Product One',
        saved: false
      },
      {
        id: 2,
        title: 'Product Two',
        saved: false
      },
      {
        id: 3,
        title: 'Product Three',
        saved: false
      }
    ]
  };

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 12 часов назад
- 53 просмотра
2

ответа
React

Простой
Почему не рендерится React-компонент в методе render( )?
- 1 подписчик
- 13 часов назад
- 68 просмотров
1

ответ
React

Простой
У меня react up и я беру из .env пароль а мне бьет ошибку, как быть?
- 1 подписчик
- вчера
- 56 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Сдвигается нижняя граница во время поиска Как исправить?
- 1 подписчик
- 16 апр.
- 46 просмотров
0

ответов
JavaScript

+4 ещё

Простой
Что делать, если после залива приложения на VPS страница остается недоступной?
- 1 подписчик
- 15 апр.
- 84 просмотра
2

ответа
React

Простой
В какую папку React компилирует все файлы?
- 1 подписчик
- 13 апр.
- 81 просмотр
2

ответа
React

+1 ещё

Средний
При стилизации компонента React не видны scss переменные подключенные модулем к index.js, в чем может быть проблема?
- 2 подписчика
- 13 апр.
- 316 просмотров
1

ответ
React

+1 ещё

Простой
Ошибка Cannot read properties of null (reading 'useContext')?
- 1 подписчик
- 13 апр.
- 40 просмотров
0

ответов
React

Простой
Почему при клике на навигацию не меняется id?
- 1 подписчик
- 13 апр.
- 41 просмотр
1

ответ
React

+1 ещё

Средний
Как сделать асинхоронным dispatch?
- 1 подписчик
- 13 апр.
- 28 просмотров
0

ответов
Показать ещё Загружается…

Frontend React

Glob-com

от 100 000 ₽

JS|React Native разработчик

Венста • Киров

от 60 000 до 120 000 ₽

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

Вопрос в том что вы делаете или как в airbnb реализовано? Вы можете делать как угодно, а как реализовано в airbnb - кто знает, в браузере скомпилированная и минимизированная версия.

Answer 1 · 2019-01-15 13:09:23

вариант "при клике на like я меняю false на true самой карточки товара" - ОК (имеется ввиду, вы меняете одно из свойств в объекте с данными об этом объявлении, например: isFavourite: true)

В реальном приложении еще запрос улетает на сервер, что клиент такой-то отметил такой-то объект в избранное.

Answer 2 · 2019-01-15 13:09:41

Алексей Уколов @alexey-m-ukolov Куратор тега React

Отдельный. Или не отдельный - как хотите. Я предпочитаю максимальную декомпозицию.

Ответ написан более трёх лет назад

Комментировать

Как реализовать компонент «Сохранить»?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт