如何编写一个recompose HOC to User Analytics？

import { withHandlers, lifecycle } from 'recompose';
import { TencentMTA } from '腾讯云MTA相关的库';

const withUserAnalytics = withHandlers({
  trackEvent: () => (eventName, eventData) => {
    // 在这里调用腾讯MTA的相关API，发送用户分析数据
    TencentMTA.trackEvent(eventName, eventData);
  },
});

const withUserAnalyticsLifecycle = lifecycle({
  componentDidMount() {
    // 在组件挂载后，可以在这里进行一些初始化操作
    TencentMTA.init();

    // 在这里可以发送一些初始的用户分析数据
    TencentMTA.trackEvent('AppLoaded', { /* 一些数据 */ });
  },
  componentWillUnmount() {
    // 在组件卸载前，可以在这里进行一些清理操作
    TencentMTA.stop();
  },
});

const enhance = compose(
  withUserAnalytics,
  withUserAnalyticsLifecycle,
);

export default enhance;

import React from 'react';
import withUserAnalytics from './withUserAnalytics';

const MyComponent = ({ trackEvent }) => {
  // 在组件中使用trackEvent函数来发送用户分析数据
  const handleClick = () => {
    trackEvent('ButtonClicked', { /* 一些数据 */ });
  };

  return (
    <button onClick={handleClick}>Click Me</button>
  );
};

export default withUserAnalytics(MyComponent);