React -获取包装类组件的引用

import React, { useRef } from 'react';

const WrappedComponent = (WrappedComponent) => {
  // 在这里对被包装组件进行一些增强或者逻辑处理
  // ...

  // 返回增强后的组件
  return (props) => {
    // 使用useRef创建一个引用
    const wrappedComponentRef = useRef(null);

    // 在组件挂载完成后，将引用赋值给被包装组件
    const setWrappedComponentRef = (ref) => {
      wrappedComponentRef.current = ref;
    };

    // 渲染被包装组件，并将引用传递给它
    return <WrappedComponent ref={setWrappedComponentRef} {...props} />;
  };
};

// 使用包装类组件
const MyComponent = () => {
  // 创建一个引用
  const myComponentRef = useRef(null);

  // 在需要的时候获取被包装组件的引用
  const getWrappedComponentRef = () => {
    console.log(myComponentRef.current); // 输出被包装组件的引用
  };

  return (
    <div>
      <button onClick={getWrappedComponentRef}>获取引用</button>
      <WrappedComponent ref={myComponentRef} />
    </div>
  );
};

export default WrappedComponent(MyComponent);