Как заполнить массив элементами на которые я кликаю и вывести их на экран через запятую?
У меня есть компонент Popup-menu меню в котором я отфильтровываю свою базу данных фруктов из компонента App и вывожу их на экран. Я хочу при клике на эти выведенные фрукты размещать их в компоненте App в div.
Я передаю фрукт на который кликнул в компонент App в функцию selectItems и помещаю её в массив, чтобы я потом смог вывести несколько фруктов, на которые я кликнул, на экран.
В данный момент при клике на какой-нибудь фрукт я помещаю в массив только его. После того как кликаю на другой фрукт, он становиться вместо первого. Как мне помещать в массив несколько фруктов на которые я кликаю, чтобы вывести из всех потом на экран через запятую?
Вот так выглядит поп ап я элементы которого я кликаю
Ответы (1 шт):
Так происходит потому что вы не обновляете массив, а добавляете новый. Вам надо создать новый массив и добавить его. Сделать это можно вот так : setSelectedItems([...selectedItems, item])