Как в react получить несколько элементов?

Я сделал вывод элементов на странице

{addressData.map((e, i) => 
   <div data-address={`address${i}`} className={styles.address__card}>
     <p>Время работы: {e.time}</p>
     <p>Адрес: {e.address}</p>
     <a href={`tel:${e.phone}`}>Телефон: {e.phone}</a>
   </div>    
)}

Теперь когда на кнопку определенную кнопку нажимают, у всех элементов должно быть opacity .5, а у нужного 1, но я не понимаю как получить все элементы, ref вставляется в массив только к 1 элементу при map. А через document.querySelector вроде не правильно делать. Как можно получить элементы address__card, чтобы им всем сделать opacity .5.

Пример:

const enable = (e) => {
   document.querySelectorAll(`[data-address]`).style.opacity = ".5"
}