使用 ref 访问元素内的元素

Question

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

我想使用“位置”参考访问<div> 内的<span>：

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";
})