iframe父子组件通信

1.引入

<iframe src={apolloReducer.pmsUrl}
  frameBorder="0" id='editD' style={{ height: '100vh', width: '100%' }} />)}

2. 子给父发消息
   window.postMessage
   window.parent.postMessage 上一级
   window.top.postMessage 最顶级

 window.parent.postMessage(JSON.stringify({
            type: "SCAN_SPECIMEN",
            data: {itemNo}
        }), '*')

3. 父监听子
   window.addEventListener(‘message’,function(e))

4. 父给子发消息
   document.getElementById(‘XXXX’).contentWindow.postMessage

5. 子监听父：

window.addEventListener(
  'message',
  event => {
    if (JSON.parse(event.data).type == 'SCAN_SPECIMEN') {
      this.changePDFVisitble(false);
    }
  },
  false
);