React 應用程序內部的 Iframe 和應用程序通信

Question

我已經構建了 React 項目X （已經編譯）並且我還有其他 React 項目Y。 所以我想在項目 Y 中使用Iframe項目 X。我創建了 React 組件，其中放置<iframe id="iframe" src="./templates/JobAction/index.html" />它加載正常但是當我想發送數據到Iframe iframe.contentWindow.postMessage(dataToSend, '*'); 什么都沒有。 我訂閱了項目X window.addEventListener("message", (event) => {console.log(event,888);}); 依然沒有。

Answer 1

我已經解決了！ 只需要使用webpack new CopyWebpackPlugin將 Project X復制到輸出文件夾中