import React from "react";
import FrameLoader from "./FrameLoader";

export default class FrameFaceLogin extends React.Component {
  constructor(props:any) {
    super(props);
    this.state = {
      transferData: {
        image: ''
      },
    };
  }

  componentDidMount() {
    // 接收Iframe传递的数据
    window.addEventListener("message", (e) => {
      const { image} = e.data || {}; //传递的数据
      if (image) {
        this.props.faceCompareEvent(image);
      }
    });
  }
  render() {
    const { transferData } = this.state || {};
    console.log(transferData, "数据");
    return (
        <div style={{ height: "100%" }}>
          {/* 设置Iframe 盒子的宽度 */}
          <div style={{ minHeight: "calc(70vh - 100px)", position: "relative" }}>
          {/* 这个是打包后的Iframe 地址：要到webpack中配置打包地址 */}
            <FrameLoader url="/faceLoginIE/index.html" />
          </div>
        </div>
    );
  }
}