react单页面开发向新窗口传数据

时间：2018-01-15 19:44:46 阅读：237 评论：0 收藏：0 [点我收藏+]

前言：‘_blank’打开新窗口页面，state算内存传值，用<Link to={{pathname: url, state: data}}></Link>或者this.props.match.history.push(urlName, state)都失效

解决办法：

1：window.postMessage()

a.html

const newWindow = window.open(`b.html`, ‘_blank‘)
newWindow.onload = () => newWindow.postMessage(data, window.origin)

b.html:

  componentDidMount() {
    window.addEventListener(‘message‘, (event) => {
      console.log(‘我收到数据了！‘, event, event.data)
    }, false)
  }

待更新。。。。。

原文：https://www.cnblogs.com/xiaoxiao666/p/8289285.html

踩

(0)

评论一句话评论（0）

分享档案

更多>