Как сделать изображение прозрачным по краям?

Elvis, с ними и не такое можно провернуть

Генерация имени переменной из строки в пропсах?

Спасибо) как-то не додумался

Как убрать разводы при blur эффекте?

Спасибо большое

Как убрать разводы при blur эффекте?

Анатолий Куликов, дописывал border-radius: 50%, ничего не поменялось

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

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

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

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

Как найти значение объекта в массиве?

Maksimka, спасибо! а как бы вы сделали, изменив подход?

Как найти значение объекта в массиве?

Dima Polos, ок, спасибо

Как найти значение объекта в массиве?

Михаил Р., накрутил того, что ничего не работает)) P.s учусь только 4 мес, поэтому сильно не закидывайте палками
const addCartItem = (item) => {
window.addEventListener("click", function (event) {
if (event.target.hasAttribute("data-cart")) {
const targetEl = event.target.closest(".col-md-6");

if (
cartItem &&
cartItem.find(
(item) =>
item.id === targetEl.querySelector("[data-counter]").textContent
)
) {
setCartItem({
...cartItem,
count: cartItem.count,
});
console.log(
parseInt(targetEl.querySelector("[data-counter]").textContent)
);
} else {
setCartItem([
...cartItem,
{
id: targetEl.querySelector(".card").getAttribute("data-id"),
imgSrc: targetEl.querySelector("img").getAttribute("src"),
name: targetEl.querySelector(".item-title").textContent,
amount: targetEl.querySelector("[data-items-in-box]").textContent,
weight: targetEl.querySelector(".price__weight").textContent,
counter: targetEl.querySelector("[data-counter]").textContent,
price: targetEl.querySelector(".price__currency").textContent,
},
]);
}
}
});
};

Почему два разных ответа?

Lynn «Кофеман»,