V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kmetre
V2EX  ›  前端开发

如何将字符串形式的 React 组件渲染到页面上?

  •  
  •   kmetre · 2020-01-09 23:11:10 +08:00 · 2436 次点击
    这是一个创建于 1762 天前的主题,其中的信息可能已经有所发展或是发生改变。

    比如

    class Welcome extends React.Component {
      render() {
        return <h1>Hello, {this.props.name}</h1>;
      }
    }
    

    这样一个字符串,如何将其转换为 React 组件渲染到页面上?

    4 条回复    2020-01-10 00:00:14 +08:00
    Cbdy
        1
    Cbdy  
       2020-01-09 23:29:11 +08:00 via Android
    kmetre
        2
    kmetre  
    OP
       2020-01-09 23:37:08 +08:00
    @Cbdy good,还以为只能使用 eval,new Function 之类的,学到了
    tyrealgray
        3
    tyrealgray  
       2020-01-09 23:52:27 +08:00
    react-live
    kmetre
        4
    kmetre  
    OP
       2020-01-10 00:00:14 +08:00
    @tyrealgray 虽然一时半会儿看不太懂,但是看到有一行 new Function('_poly', 'React', ...scopeKeys, code)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1001 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 21:08 · PVG 05:08 · LAX 13:08 · JFK 16:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.