认识

2024年01月28日

柏拉文

越努力，越幸运

一、认识

---

rc-resize-observer 监听元素尺寸变化。

二、语法

---

import React from 'react';
import ResizeObserver from 'rc-resize-observer';

export default function App() {
  const onResize = ({
    width,
    height,
    offsetHeight,
    offsetWidth,
  }) => {
    console.log(
      'Resize:',
      '\n',
      'BoundingBox',
      width,
      height,
      '\n',
      'Offset',
      offsetWidth,
      offsetHeight,
    );
  };

  return (
     <ResizeObserver onResize={onResize}>
        <textarea placeholder="I'm a textarea!" />
    </ResizeObserver>
  );
}