Home Sign Up Sign In
› React
Advertisement
SystemLight
V2EX  ›  React

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

  •   
  •   SystemLight ·
    SystemLight · Jul 16, 2020 · 2914 views
    This topic created in 2303 days ago, the information mentioned may be changed or developed.

    举个例子

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

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

  • React
  • jsx
  • 语法
  • 晓得
    2 replies  •  2020-07-17 08:14:30 +08:00
    azcvcza
    azcvcza
    Jul 17, 2020
    2
    比较简单的思路就是，左边解析 jsx，然后生成 html，最后替换右边 iframe 或者什么里面的 innerHTML
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4802 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 08:38 · PVG 16:38 · LAX 00:38 · JFK 03:38
    ♥ Do have faith in what you're doing.