Как прокинуть id в метод внутри JSX?

Question

[hebix81633]

Как прокинуть id в метод внутри JSX? Нижи представлен простенький пример. item почему то undefined, соответственно item.id тоже. Подскажите почему? И как все таки прокинуть id в метод handleClick ?

import "./styles.css";

const arr = [
  {id: 1},
  {id: 2}
]

export default function App() {

  const handleClick = (e, id) => {
    console.log('id', e, id)
  }

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      {
        arr.map(item => (
          <div onClick={(e, item) => handleClick(e, item)}>{item.id}</div>
        ))
      }
    </div>
  );

Answer 1

[Сергей Соколов]

onClick={(e, item) => ...

так тут ожидается, что по клику передадут вторым аргументом item, но напрасно.

Попробуйте убрать его из аргументов: onClick={e => ...

Comments

[hebix81633]

Благодарю)

[Skaarjzzz]

e тоже можно убрать, если не надо делать превентдефолт например