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

我正在创建一个简单的react应用程序。在react组件中，我使用Iframe。现在我想从iframe访问当前URL。当用户单击网站页面链接时，它会转到另一个页面，URL会发生变化。如何访问当前的URL？ 我的代码如下： 在App.Js文件中

它是组件代码：

 import React from 'react';
export default class IframeComponent extends React.Component {
    myOnloadFunction = () =>{
    console.log(this.props.src)
   // document.getElementById('frame').src =  "http://scratchpads.org/"
    console.log(document.getElementById('frame').src)
//    console.log(document.frames['frame'].document.location)
    }
  render() {  
    return (
      <div>
        <iframe src={this.props.src} height={this.props.height} width={this.props.width}  className="fullheight" onLoad={this.myOnloadFunction} id = "frame"  /> 
      </div>
        )}}

从“React”导入React；
导出默认类IframeComponent扩展React.Component{
myOnloadFunction=（）=>{
log（this.props.src）
//document.getElementById（'frame'）。src=”http://scratchpads.org/"
log（document.getElementById（'frame'）.src）
//console.log（document.frames['frame'].document.location）
}
render（）{
返回(
)}}

禁止您尝试实现的内容，如果iframe url不同，则无法更改，也无法访问父网站数据

在iframe内导航，不会更改iframe元素的

src

属性内容。如果iframe内容来自不同的来源，则禁止访问iframe的实际窗口对象实例。因此，如果这是您的情况，那么答案很简单：您想要的是不可能的。在可能的意义上，您可以编写示例代码吗？不，我们不能提供示例代码，因为这是不可能的。是否有任何方法访问react组件中的iframe URL？