Как поменять src iframe при рендере через map?

Question

[Sergey750il]

Здравствуйте. Через map выводиться несколько десятков блоков items, но как сделать, что бы при клике менялся атрибут src только у того блока, который находится в одном и том же родители (item.) Сейчас при клике событие срабатывает одновременно на весь лист блоков. Если бы я делал на Vue то попробовал ref, но здесь так не получилось.

<div class="item">
          <div onClick={() => handlePlay(id)}>
                  Запуск {id}</div>
                  <iframe id="ytplayer" width="640" height="360" src={video} frameborder="0" />
</div>

Comments

[Валентин]

<div onClick={() => handlePlay(id)}>
в этой строке ничего не смущает?

[Sergey750il]

Валентин, Там есть переменная id, функция работает, вопрос в другом.

[Валентин]

Sergey750il, в реакте тоже рефы есть, что именно не получилось?

[Sergey750il]

Валентин, Атрибут src меняется одновременно у всех iframe. А по рефам не получилось раздать динамические имена и соответственно не поменять src через реф.