react.js 在客户端渲染反应组件答案

【问题标题】：react.js rendering react components on client sidereact.js 在客户端渲染反应组件
【发布时间】：2016-08-10 05:18:06
【问题描述】：

我使用 node.js 和 react.js 作为我的模板库。我可以使用节点的 res.render(..) 在服务器端渲染我的组件，但我想通过使用 react.js 在客户端渲染它们并调用 onclick 处理程序来使我的组件动态化。我的组件以 .jsx 格式定义。如何在客户端与浏览器交互并动态呈现我的反应组件？

【问题讨论】：

我正在这样做。我没有将 react 仅用作模板库（如 Hapi react 插件），而是沿着创建适当的 Universal React 配置的路线进行。最初设置非常复杂，但是当你开始时它会令人惊叹。看看这个例子：github.com/choonkending/react-webpack-node

标签： node.js reactjs

【解决方案1】：

您需要将您的代码转译和捆绑，然后您可以将其插入到脚本标签中，就像任何其他脚本一样。一种流行的选择是 webpack。另一个是在 gulp 任务中使用 Browserify 和 babelify。

【讨论】：

【解决方案2】：

你可以使用 babel js 和 ES6 类语法开始使用它。我创建了一个示例组件here

您还可以使用react-starter-kit，它会为您提供预加载的所有设置。一个好的起点是 Facebook 的反应 documentation

【讨论】：