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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1805 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如

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

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

4 条回复 • 2020-01-10 00:00:14 +08:00

Cbdy

2020-01-09 23:29:11 +08:00 via Android

kmetre

2020-01-09 23:37:08 +08:00

@Cbdy good，还以为只能使用 eval，new Function 之类的，学到了

tyrealgray

2020-01-09 23:52:27 +08:00

react-live

kmetre

2020-01-10 00:00:14 +08:00

@tyrealgray 虽然一时半会儿看不太懂，但是看到有一行 new Function('_poly', 'React', ...scopeKeys, code)