https://blog.lotp.xyz/tags/react/ Recent content in React on Lotp's Blog Hugo en Thu, 01 Dec 2016 06:57:44 +0000 https://blog.lotp.xyz/posts/how-to-use-postmessage-to-communicate-with-iframe-in-react/ Thu, 01 Dec 2016 06:57:44 +0000 https://blog.lotp.xyz/posts/how-to-use-postmessage-to-communicate-with-iframe-in-react/ <p>We all know that we should avert the use of iframe, but sometimes, we have no choice but to use it. This article is about how to use postmessage to communicate with an iframe using React. Assumptions were made that you know what is postmessage and how to use it, so if you are not familiar with it, read this this <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage">introduction to postmessage</a> before moving on. At first I want you to know as we need to run js on websites within and outside the child iframe so this method can only be used when you have administration privilege on both sides.</p>