如何在react.js中获取iframe当前的url

在React.js中获取iframe当前的URL，可以通过使用refs和window对象来实现。

首先，在React组件中，可以使用refs来引用iframe元素。在渲染iframe元素时，添加一个ref属性来标识该元素，例如：

class MyComponent extends React.Component {
  iframeRef = React.createRef();

  handleButtonClick = () => {
    const currentUrl = this.iframeRef.current.contentWindow.location.href;
    console.log(currentUrl);
  };

  render() {
    return (
      <div>
        <iframe ref={this.iframeRef} src="https://www.example.com" />
        <button onClick={this.handleButtonClick}>Get Current URL</button>
      </div>
    );
  }
}

在上面的示例中，我们创建了一个MyComponent组件，并使用createRef()方法创建了一个名为iframeRef的引用。在render()方法中，我们将这个引用赋给iframe元素的ref属性。

然后，在handleButtonClick()方法中，我们可以通过this.iframeRef.current来访问iframe元素，通过contentWindow属性获取iframe的window对象，再通过location.href属性获取当前的URL。最后，将URL打印到控制台或进行其他操作。

需要注意的是，由于浏览器的同源策略，访问iframe的内容可能受到限制。如果iframe的src属性指向的是不同源的网页，这种方法可能无法获取URL。在这种情况下，可以考虑使用postMessage等其他跨域通信方法来获取URL。

推荐的腾讯云相关产品：目前腾讯云没有针对获取iframe当前URL的专门产品。但腾讯云提供了丰富的云计算产品和服务，可满足各类开发需求。您可以访问腾讯云官网（https://cloud.tencent.com/）了解更多信息。