认识

2024年01月28日

柏拉文

越努力，越幸运

一、认识

---

useSize 监听 DOM 节点尺寸变化的 Hook。

二、语法

---

import { useSize } from 'ahooks';
import React, { useRef } from 'react';

export default () => {
  const ref = useRef(null);
  const size = useSize(ref);
  return (
    <div ref={ref}>
      <p>Try to resize the preview window </p>
      <p>
        width: {size?.width}px, height: {size?.height}px
      </p>
    </div>
  );
};