如何将类HOC转换为函数式HOC？

// 原始类HOC
const withData = (WrappedComponent) => {
  class WithData extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        data: [],
      };
    }

    componentDidMount() {
      // 获取数据的逻辑
      // 更新state中的data
    }

    render() {
      return <WrappedComponent data={this.state.data} {...this.props} />;
    }
  }

  return WithData;
};

// 转换为函数式HOC
const withData = (WrappedComponent) => {
  const WithData = (props) => {
    const [data, setData] = useState([]);

    useEffect(() => {
      // 获取数据的逻辑
      // 更新data的值
    }, []);

    return <WrappedComponent data={data} {...props} />;
  };

  return WithData;
};