Как узнать на какой блок был клик в ReactJS?

Question

[ogneog]

Здравствуйте.
Есть структура:

<div classname="containter" onClick={(e) => handleClick(e)}>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>

Как узнать на какой блок внутри общего контейнера был совершен клик? Или на каждый нужно вешать onClick?!

Просто я на контейнер установил onClick и вывожу в консоль, мне почему-то иногда выдает empty string.

const handleClick = (e) => {
        console.log(e.target.className);
    }

Comments

[szQocks]

на каждый вешай, реакт сам оптимизирует всё

[Александр Макаров]

Array(5).fill().map((_, i) => <div onClick={() => handleClick(i + 1)}>{i + 1}</div>)

Answer 1

[Антон Иванов]

Это основы JS https://learn.javascript.ru/event-delegation, делегирование событий. Реакт тут не при чем.