使用 ref 不起作用 - counterElement.getElementById 不是函數

Question

我試圖通過 ref 獲取我的計數器 div，但它給了我一個錯誤“counterElement.getElementById 不是函數”

export default function CountersCube() {
    const counterWrapper = useRef(null)
    
    useEffect(() => {
        const [counterElement] = counterWrapper.current.children
        const counter = counterElement.getElementById("counter");
        console.log(counter)
    })



  return (
    <div className="countersCubeContainer">
        <div ref={counterWrapper}>
                <div id="counter" data-target="60000">0</div>
        </div>
    </div>
  )
}

Answer 1

getElementById是document對象的屬性，而不是每個元素的屬性。

使用element.querySelector('#id')代替。

也就是說，具有該 id 的元素是counterElement的子元素，因此您不會通過搜索它的后代來找到它。

直接使用counterElement即可。 更好的是，將 ref 放在計數器元素上而不是它的包裝器上。