我想使用useRef获取div标签的位置

Question

我想使用useRef获取className框的位置，并将Card显示在与div相同的位置。

我应该如何实施？

const Index: FunctionComponent = () => {
  const cardRef = useRef<HTMLDivElement>(null);
  const Click = () => {};
  return (
    <>
      <Card height={100} width={200}>
        Card
      </Card>
      <div style={{ height: '150px' }}></div>
      <div className="box"ref={cardRef} onClick={() => Click()}>

      </div>
    </>
  );
};

Answer 1

尝试一下

const Click = () => {
    console.log(cardRef.current.getBoundingClientRect())
};