Necesito mi página principal para comunicar una instrucción al iframe secundario. Descubrí que debido a problemas de origen cruzado, debo usar iframe.contentWindow.postMessage() .

Estoy llamando al iFrame desde dentro del padre usando:

Padre.js

 const iFrame = myComponent.current.componentDomElement.childNodes[0] const result = iFrame.contentWindow.postMessage('test', '*')

En el niño, quiero manejarlo a través de: myComponent.js

 window.addEventListener('message', event => { console.log({event}) })

Puedo ver que el event se registra muchas veces cuando se carga la página, pero no una vez después de activarlo manualmente con esta función Parent.js .

¿Por qué no se activa?

Editar:

Puedo ver que alguien emitió un voto para cerrar esta pregunta debido a la falta de claridad. ¿Puedes explicar lo que te estás perdiendo? He proporcionado todos los detalles que supuse que serían relevantes, pero si falta algo, con gusto lo agregaré.