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

Question

[faleaksey]

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

Comments

[Дмитрий]

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

Answer 1

[Максим]

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

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

Comments

[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
      }
    ]
  };

Answer 2

[Алексей Уколов]

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