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

Question

[MRcracker]

Создаю выпадающий список. Проблема с которой столкнулся - при нажатии на один список открываются сразу все списки. Для списков использовал useState. Понимаю, что нужно добавить e.target, но не понимаю как именно соединить его с useState. Подскажите, пожалуйста.

const [show, setShow] = useState(false);

<div
        className="class"
        onClick={(e) => setShow(!show)}
      >
</div>

Answer 1

[Denis Masson]

Выводить массив списков через map, и вешать на клик id элемента на который кликнули, как вариант.
onClick={() => handleClick(id)}

Comments

[MRcracker]

а применить target не получится в reacte?

[WbICHA]

MRcracker, для чего?

[MRcracker]

WbICHA, для того чтобы понять по какому элементу кликнули. Если я не перепутал js свойство

[WbICHA]

MRcracker, для чего тебе узнавать по какому элементу кликнули?

[Denis Masson]

MRcracker, А как ты перепутаешь JS cвойство если обычно это делается так

Array.map( (value) => {
    <Component key={value.id} onClick={() => {handleClick(value.id)}}>{value.text}</Component>
} )

Это банальный пример, перепутать тут ничего нельзя

[Denis Masson]

Мой Вам совет поучить для начала ванильный JS, прежде чем идти изучать react