如何使用HOC包装forwardRef组件？

import React, { forwardRef } from 'react';

// 创建HOC函数
const withHOC = (WrappedComponent, hocConfig) => {
  // 创建包装组件
  const WrappedComponentWithHOC = forwardRef((props, ref) => {
    // 将接收到的props和ref传递给原始组件
    return <WrappedComponent {...props} ref={ref} />;
  });

  // 可以在此处自定义包装组件的行为
  // ...

  // 返回包装组件
  return WrappedComponentWithHOC;
};

// 原始组件
const MyComponent = forwardRef((props, ref) => {
  return <div ref={ref}>Hello, {props.name}!</div>;
});

// 使用HOC包装forwardRef组件
const MyComponentWithHOC = withHOC(MyComponent, {
  // 可以在此处传递配置参数
  // ...
});

export default MyComponentWithHOC;