Reactでコンポネントの位置を取得

Reactでコンポネントの位置を取得したときのメモ。

ソース(抜粋)

  const myRef = useRef(null);
       ：
  const buttonClicked = () => {
      if (myRef.current) {
      const { offsetTop, offsetLeft } = myRef.current;
      console.log(`offsetTop=${offsetTop}, offsetLeft=${offsetLeft}`);
       ：
  return (
       ：
      <button className="TestButton" onClick={buttonClicked} ref={myRef}>
       ：

他にも例えばこういうものがある。
innerText
offsetHeight
offsetWidth
offsetLeft
offsetParent
offsetTop

参考

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement