reactjs - document.getElementById() は React 2020 で同等

Question

ボタンをクリックすると、Timer.js という別のコンポーネントの div にアクセスしているかどうかを知りたいだけの Button.js というコンポーネントがあります。バニラ JavaScript では、単純に document.getElementById() を使用して DOM ノードをキャプチャします。これはReactでどのように行われますか?

ドキュメントで callback-refs に遭遇しましたが、機能していません。ref を使用することが DOM 要素にアクセスする React の方法ではない場合は、これを行うための最良の方法を参照してください。前もって感謝します。

ボタン.js

    function Button() {
    const getHtml = () => {
        const node = test.current;
        console.log(node);
    }
return (
         <button onClick={getHtml}>GetHtml</button>
       )
}

タイマー.js

function Timer() {
  const test = useRef(null);
  return (
   <div ref={test}>... </div>
   <Button />
}