1. 程式人生 > >react單頁面開發向新窗口傳數據

react單頁面開發向新窗口傳數據

tor pos onload style lis mat name 數據 hist

前言:‘_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單頁面開發向新窗口傳數據