Как найти элемент по которому кликнул?

Question

[Rubical]

Добрый вечер. У меня в проекте есть следующая структура: карточка товара (product) и внутри нее находится кнопка(toCartBtn). Как сделать так, чтобы при клике на кнопку в состояние передавались данные именной той карточки, по кнопке которой произошел клик (на основании их хочу отрисовать товар в корзине).

Comments

[Andrey Vasilev]

callback?

[Andrey Vasilev]

или имеется ввиду нажал на карточку - пошли данные дальше внутрь и вырисовывается полная карточка?
или же вопрос вообще про стор (redux)?

[Rubical]

Andrey Vasilev, нажал на кнопку в карточке -> данные карточки по кнопке в которой произошел клик передались состояния -> на основании этого состояния рендерится корзина товаров

[Andrey Vasilev]

Rubical, тебе нужно записывать данные в store, делается action и вызывается через dispatch, после этого твои данные будут находиться в хранилище и ты сможешь получить к ним доступ практически из любого места. В идеале хранить корзину в базе данных и тянуть уже оттуда.

Action
store

[Andrey Vasilev]

p.s. если есть желание развиваться - можно глянуть в сторону redux toolkit, куда проще и менее костыльнее работа происходит со стором

[Rubical]

Andrey Vasilev, ок, спасибо

Answer 1

[Евгений Журов]

Типа такого что-ли?

Comments

[Andrey Vasilev]

при переходе на другую страницу - данные потеряются

[Евгений Журов]

Andrey Vasilev, если в стор положить - то не потеряются. Или вообще в localStorage. А еще лучше - и туда, и туда.

[Andrey Vasilev]

Евгений Журов, зачем туда и туда-то? в локалсторедж максимум можно токен засунуть и какую-нибудь минимальную инфу. а если будет огромное приложение, то в этой куче можно будет запутаться, а вот в сторе можно всё разложить по полочкам

[Andrey Vasilev]

Andrey Vasilev, да и тем более по правилам лишь один источник истины

[Евгений Журов]

Andrey Vasilev, зачем же так далеко забегать?) У человека речь не идет про создание амазона, ему просто надо понять, как стейт менять (ну или стор - из вопроса не очень понятно).
В ls уместно держать инфу о корзине на случай перезагрузки страницы. Ну и да, необязательно туда класть весь объект товара, достаточно id и количества. Правда, тогда корзина будет дольше грузиться - придется взять айдишники товаров, сделать запрос на бэк, получить ответ и отрендерить. Для простенького магазина это излишне, быстрее и удобнее восстановить корзину из ls. В этом смысле ls и должен быть источником истины для корзины (и ее стора).