Всем привет. как вы поступаете если при выводе в рендере какой-либо

Question

Всем привет. как вы поступаете если при выводе в рендере какой-либо

структуры из массива вам из каждого элемента массива надо что-то передавать в коллбэк?
я знаю только 3 варианта,
1.
{arr.map(item => (
<div onClick={() => alert(item.id)}></div>
))}

2.
const handleClick = e => alert(e.target.dataset.id);

{arr.map(item => (
<div onClick={handleClick} data-id={item.id}></div>
))}
3.
const ChildComponent = ({ id }) => {
const handleClick = () => alert(id);
return (
<div onClick={handleClick}></div>;
);
}

{arr.map(item => (
<Component id={id} />
))}