reactjs - 如何在 React 中将数据发送到新窗口

Question

我正在寻找一种将数据发送到 React 应用程序内新打开的窗口的方法。在发送路由的组件内部，这是我当前调用的 onClick 函数：

function test() {

  var newTab = window.open("/testpage");

  newTab.postMessage("Hello World", "http://localhost:3000/testpage");

}

这是“/testpage”路由上使用的组件内的代码：

    window.addEventListener("message", (event) => {
        if (event.origin !== "http://localhost:3000"){
            return;
        } else {
            console.log(event.data);
        }
      }, false);

控制台显示以下内容：

我曾尝试使用 BroadcastChannel API，但这似乎也不起作用。我错过了什么？为什么消息没有记录到控制台？