使用 ref 访问元素内的元素

Question

<div ref={location} className={style.locations}>
        {locations.map(loc => (
          <span onClick={onClick}>
            {loc.name}
          </span>
        ))}
</div>

I want to access the <span> inside the <div> with "location" ref:

const span = location.current.getElementsByTagName("span");
span.forEach(el => {
   el.style.display = "none";
})

But I just get error:

span.forEach is not a function

Answer 1

Try this

[...span].forEach(el => {
   el.style.display = "none";
})