Смысл в том, что при каждом добавлении товара в корзину вызывается функция addToCart  и через template literals генерируются товары в корзине, у них есть инпуты и вот на них при каждом клике я и вешаю дополнительный обработчик, вот и вопрос в том, как это избежать, чтобы вешался обработчик только на товар который добавился только что и всего один обработчик

Смысл в том, что при каждом добавлении товара в корзину вызывается функция addToCart  и через template literals генерируются товары в корзине, у них есть инпуты и вот на них при каждом клике я и вешаю дополнительный обработчик, вот и вопрос в том, как это избежать, чтобы вешался обработчик только на товар который добавился только что и всего один обработчик

Привет всем. Столкнулся с такой проблемкой.
Есть массив обьектов след вида:
[
   {
     "color": "red",
     "memory": "256gb",
     "new-or-used": "no",
     "model": "iphone-se-2020"
   },
   {
     "color": "black",
     "memory": "256gb",
     "new-or-used": "no",
     "model": "iphone-se-2020"
   },
   {
     "color": "white",
     "memory": "256gb",
     "new-or-used": "no",
     "model": "iphone-se-2020"
   },
   {
     "color": "red",
     "memory": "128gb",
     "new-or-used": "no",
     "model": "iphone-se-2020"
   }]

Нужно сгруппировать значения обьектов по ключу обьекта и в каждый ключ записать значения в виде массива. Ожидаемый результат:

{
   "model": [
     "iphone-se-2020"
   ],
   "new-or-used": [
     "no"
   ],
   "memory": [
     "256gb",
     "128gb",
     "64gb"
   ],
   "color": [
     "red",
     "black",
     "white"
   ]
 }

На данный момент сделал не очень красиво, вообще прям не очень)

const filtersArr = products.map((p) => p.filters[0]);
   let filtersObj = {};
   const modelsArr = [...new Set(filtersArr.map(e => e.model))];
   const newOrUsedArr = [...new Set(filtersArr.map(e => e['new-or-used']))];
   const dualSimArr = [...new Set(filtersArr.map(e => e['dual-sim']))];
   const memoryArr = [...new Set(filtersArr.map(e => e['memory']))];
   const colorArr = [...new Set(filtersArr.map(e => e['color']))];
   const cellularArr = [...new Set(filtersArr.map(e => e['cellular']))];
   const diagonalArr = [...new Set(filtersArr.map(e => e['diagonal']))];
   filtersObj.model = modelsArr;
   filtersObj['new-or-used'] = newOrUsedArr;
   filtersObj['dual-sim'] = dualSimArr;
   filtersObj.memory = memoryArr;
   filtersObj.color = colorArr;
   filtersObj.cellular = cellularArr;
   filtersObj.diagonal = diagonalArr;

Ключи могут быть не такие как в этом примере

Отрабатывает так как нужно, но, при большом обьеме данных очень много ресурсов хавает и времени. Как будет выглядеть цикл чтобы за раз пройтись по всем обьектам и их ключам и вернуть ожидаемый результат?
Заранее спасибо

Подскажите пожалуйста, где тут ошибка?
let arr = ['somePic.jpg', 'somePic2.jpg'];
arr.map(pic => { return <img src={pic}></img>});

Подскажите пожалуйста, где тут ошибка?
let arr = ['somePic.jpg', 'somePic2.jpg'];
arr.map(pic => { return <img src={pic}></img>});

Подскажите пожалуйста, где тут ошибка?
let arr = ['somePic.jpg', 'somePic2.jpg'];
arr.map(pic => { return <img src={pic}></img>});

или это шаблонизатор какой то?

просто вывести строку как массив через [i] получается без проблем

var str = "Hello";
var arr = str.split("");
зачет тогда вот так делать и переводить в массив