使用 ajax 从服务器获取 React 组件

Question

是否有一种标准方法可以从服务器动态获取 React 组件，以便在客户端根据需要从已经渲染的组件中渲染它们？换句话说，一个已经渲染的组件在从render() 方法重新渲染时会返回ajax 接收的组件。

使用 RequireJS 和我认为 Browserify（使用额外的包），可以异步请求脚本。目前我使用 webpack 用 Babelify 转译 ES6。

我的用例是我想创建某种所见即所得的编辑器，理论上会有一个我想在 iFrame 中按需运行的 react-widgets 存储库。

谢谢

Answer 1

如果您已经在使用 webpack，您可以查看 require.ensure 功能。

见：https://webpack.github.io/docs/code-splitting.html

这会在您的代码中创建拆分点，而您无需执行所有繁重的步法。

我有一个与你类似的用例，并且能够成功使用 require.ensure。

还有一些其他可用的教程/资源：

• http://jonathancreamer.com/advanced-webpack-part-2-code-splitting/
• http://henleyedition.com/implicit-code-splitting-with-react-router-and-webpack/
• https://www.youtube.com/watch?v=gvG8dSPCNno

---

另外，如果您正在构建一个 wyisiwig 编辑器，您应该查看draft-js。 https://facebook.github.io/draft-js/

超级酷且可扩展，由 Facebook 团队基于 React 构建。