Получить индекс ключа по клику ES6 React

У меня есть следующий компонент

const list = (props) => {

  const handler = function(){

  };

  var listItems = props.items.map(function(item, index){
    return (
      <li key={index} onClick={ handler }>
        {item.text}
      </li>
    )
  });

  return (
    <div>
      <ul>
        {listItems}
      </ul>
    </div>
  )
}

при щелчке я хотел бы получить индекс щелчка li. Используя ES6 и без привязки, как я могу это сделать ?

1 ответов


используйте функцию стрелки.

onClick={() => handler(index)}