Как получить идентификатор элемента(переменную i)?

Question

[Александр]

Сабж.
Нужно как-то по onCLick-функции определить к какому элементу относится значок удаления(span), чтобы сформировать запрос к localStorage.

if(localStorage.length == 0)return(notesTemplate = <div>Заметки пусты </div> );
    else{
        for(var i = 0; i < localStorage.length; i++){
          var readObj = JSON.parse(localStorage.getItem("Note " + i));
          notesTemplate.push(
            <div key = {i} className="wrap">
                <div
                className={readObj.isComplete + ' note'}
                onClick={self.changeStateOfComplete}>
                              {readObj.note}
                </div>
                <span onClick={self.deleteNote} className={"close"}>X</span> // вот это место
            </div>
          );
         }
      }

Answer 1

[Максим]

Я бы сделал с помощью data-* атрибута, но в этом ответе возникла дискуссия, так что выбирайте что больше понравится.

..
deleteNote(e) {
  console.log(e.target.dataset.item) //здесь будет идентификатор элемента
}
...
<span onClick={self.deleteNote} data-item={i} className={"close"}>X</span>
...