javascript - 使用 ref 访问元素内的元素

Question

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

我想访问<span>里面<div>与“位置”引用:

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

但我只是收到错误:

span.forEach is not a function

Answer 1

试试这个

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