Question

希望您做的很好。我被 window.postMessage 方法所困扰。

我正在使用 window.postMessage

将一页数据发送到另一页

当我打印从另一页上的一页发送的数据时，那时我的价值低于

{“ action”：“ match”，“ value”：null}

我该如何解决？

下面是我的代码。

要从中发送数据的第一个文件

var win = window.open('/newPage, '_blank');
        setTimeout(() => {
            
            win.postMessage("Some Data ", "*")
        }, 1200);

正在提取数据的第二个文件。

componentDidMount() {
        window.addEventListener("reset",this.setMessage)
        window.addEventListener("message", this.setMessage, false)
    }

    setMessage = (evt) => {
        
        this.setState({
            dataValue: evt.data
        })
    }

当我在第二个文件中打印 evt.data 时，有时我会得到

{“ action”：“ match”，“ value”：null}

任何帮助都会很棒。

谢谢。

Answer 1

如果仅需要传递字符串数据，则可以像这样在URL中传递查询字符串

const url = '/newPage?data=yourDataToSend';
window.open(url, '_blank');

如果数据太大，则使用redux存储或本地存储。

Javascript：window.postMessage无法正常运行

1 个答案: