这种左边写 JSX 语法右边就能实时展示效果是如何实现的呢？ React

2020-07-16 18:33:19 +08:00
 SystemLight

举个例子

https://styled-components.com/docs/basics#adapting-based-on-props

在很多的地方看到过这种效果，但是不晓得如何实现

1888 次点击
所在节点    React
2 条回复
namelosw
2020-07-16 19:01:50 +08:00
https://mdxjs.com/guides/live-code
azcvcza
2020-07-17 08:14:30 +08:00
比较简单的思路就是，左边解析 jsx，然后生成 html，最后替换右边 iframe 或者什么里面的 innerHTML

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/690677

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX