ReactTypescript 无法识别 iframe 属性

在使用React和TypeScript开发Web应用程序时，我们经常会遇到需要使用iframe元素的情况。然而，最近我遇到了一个问题：React/TypeScript无法识别iframe属性。在这篇文章中，我将向大家解释这个问题，并提供一个案例代码来演示如何解决它。

tsx
import React from "react";
const IframeExample: React.FC = () => {
  const handleLoad = () => {
    const iframe = document.getElementById("myIframe") as HTMLIFrameElement;
    if (iframe) {
      // 在iframe加载完成后执行一些操作
      console.log("Iframe loaded!");
    }
  };
  return (
    
      使用iframe元素的示例：
              id="myIframe"
        src="https://www.example.com"
        onLoad={handleLoad}
      >
    
  );
};
export default IframeExample;