javascript - React Native 从外部源加载 JSX 并在运行时对其进行转换

Question

我正在考虑一个想法，允许 React Native 应用程序的所有者(在我的例子中是零售商店)编写 JSX 并将其存储在数据库或文件中，以便在运行时检索并转换为代码。我知道:

import { transform } from 'babel-core';
transform("code();", options);

但尚未尝试过。

我想做这样的事情:

export default class MyReactNativeComponent extends Component<{}> {
  render() {
    return (
         // Transform the string representation of JSX into code that render can return at run time
    );
  }
}

我见过其他一些库也进行类似的转换。

在运行时加载 JSX 的最佳方法是什么？使用这种方法我还需要考虑什么吗？我知道这类似于在浏览器中加载 HTML，但我想保持应用程序的 native 感觉。

谢谢

沃伦·贝尔

Answer 1

我知道这里有很多开销。 Jsx 被转换为需要执行的代码。我已经开始关注 Microsoft 的 Code Push，它可以为我带来相同的结果。看起来是一个更干净的解决方案，并且有良好的记录。

谢谢

沃伦