在React中检测<textarea>调整大小事件

import React, { useRef, useEffect } from 'react';

const TextAreaResizeExample = () => {
  const textAreaRef = useRef(null);

  useEffect(() => {
    const resizeObserver = new ResizeObserver(() => {
      // 处理<textarea>调整大小事件的逻辑
      console.log('TextArea resized!');
    });

    if (textAreaRef.current) {
      resizeObserver.observe(textAreaRef.current);
    }

    return () => {
      if (textAreaRef.current) {
        resizeObserver.unobserve(textAreaRef.current);
      }
    };
  }, []);

  return (
    <textarea ref={textAreaRef} />
  );
};

export default TextAreaResizeExample;