[REACT] Map gives its closure, not need to provide more

1.js

// Variant 1
const ItemList = ({items, editItem}) => {
  
  render (
    <div>
      items.map(item => (
        <div onClick={(item => () => { editItem(item); })(item)}></div>
      )
    </div>
  );
}


// Variant 2
const ItemList = ({items, editItem}) => {
  
  const openEditForm = item => () => {
    editItem(item);
  }

  render (
    <div>
      items.map(item => (
        <div onClick={() => { openEditForm(item); }}></div>
      )
    </div>
  );
}

// Variant n+1 from the comments
const ItemList = ({items, editItem}) => {
  render (
    <div>
      {items.map(item => <div onClick={() => editItem(item)} />)}
    </div>
  );
}

// Variant 3
const ItemView => ({item, editItem}) => {
  render (
    <div onClick={() => editItem(item)}></div>
  );
}

const ItemList = ({items, editItem}) => {
  render (
    <div>
      {items.map(item => <div onClick={() => editItem(item)} />)}
    </div>
  );
}