如何在 React 中检查 iFrame 中 URL 的状态码？

Question

我在 react 组件中使用 iframe。我想检查 url 是否已响应 200 并完全加载，并想处理错误和加载场景。我试图访问 iframe id，但它抛出了 corss 原始帧错误。请推荐

Answer 1

如果您想在 iframe 完全加载之前添加加载，您可以通过检查 iframe 的文档何时加载 document.getElementById('myframe').contentWindow.document 来处理它 你可以在你的 react 组件中创建一个函数并像这样检查 iframe：

  const [ loading, setLoading ] = useState(true);
  const checkIframe = () => {
    const iframeDocument = document.getElementById('myframe').contentWindow.document;
    if(iframeDocument){
        setLoading(false);
    } else{
      setTimeout(() => {
        checkIframe();
      }, 1000);
    }
  }