简易React Playground实现 - 4.预览更新

1.背景 每次代码转译后iframe元素都需要重新渲染，这部分可以优化。此外，我们对于转译报错的情况，没有做容错处理，需要优化。 2.需求分析 我们可以给宿主（当前应用）和iframe通过postMessage去实现通信。每一次代码转译后，将代码通过消息发送给iframe，iframe有消息的接收事件，当接收到之后，eval执行代码。 3.代码实现 3.1iframe部分 iframe部分我们移除对script的渲染，通过iframe接收message事件，传输的代码eval执行。 const ...