react.js渲染响应客户端组件

我使用node.js与react.js作为我的模板库。 我能够通过使用节点的res.render(..)在服务器端渲染我的组件,但是我想通过使用react.js渲染它们在客户端并调用onclick处理程序来使组件dynamic化。 我有我的组件以.jsx格式定义。 我怎样才能与客户端的浏览器交互,并dynamic地呈现我的反应组件?

您需要将代码转换并捆绑,然后将其插入到脚本标记中,就像其他任何脚本一样。 一个stream行的select是webpack; 另一个是使用Browserify与babelify在吞咽任务。

您可以使用babel js开始使用ES6类语法。 我在这里创build了一个示例组件

你也可以使用react-starter-kit ,它可以让你预设所有的设置。 Facebook的反应文档是一个很好的开始