码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-01-15 20:27:55      阅读:818      评论:0      收藏:0      [点我收藏+]

标签:打开   listener   lis   lan   pen   nload   ops   open   url   

前言:‘_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)
  }

待更新。。。。。

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

标签:打开   listener   lis   lan   pen   nload   ops   open   url   

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

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!