如何在React JS应用中显示Appboy HTML inAppMessage

import React, { useEffect } from 'react';
import Appboy from 'appboy-web-sdk';

const MyComponent = () => {
  useEffect(() => {
    // 在组件加载时，注册Appboy事件监听器
    Appboy.subscribeToInAppMessage((inAppMessage) => {
      // 处理inAppMessage，可以根据需要进行展示或其他操作
      // 以下是一个简单的示例，将inAppMessage的HTML内容渲染到页面上
      const inAppMessageContainer = document.getElementById('inAppMessageContainer');
      inAppMessageContainer.innerHTML = inAppMessage.html;
    });

    // 在组件卸载时，取消注册Appboy事件监听器
    return () => {
      Appboy.unsubscribeFromInAppMessage();
    };
  }, []);

  return (
    <div>
      {/* 在此处渲染inAppMessage的HTML内容 */}
      <div id="inAppMessageContainer"></div>
      {/* 其他组件内容 */}
    </div>
  );
};

export default MyComponent;