React中文版

React 中文版 用于构建用户界面的 JavaScript 库 极客学院 浙版数媒 版权信息 React 中文教程 极客学院 主编 ©浙江出版集团数字传媒有限公司 2015 非经书面授权，不得在任何地区以任何方式反编译、翻印、仿制或节 录本书文字或图表。 DNA-BN：ECFD-N00006213-20150729 最后修订：2015年7月31日 出版：浙江出版集团数字传媒有限公司 浙江 杭州 体育场路347号 互联网出版许可证：新出网证（浙）字10号 电子邮箱：cb@bookdna.cn 网 址：www.bookdna.cn BookDNA是浙江出版联合集团旗下电子书出版机构，为作者提供电子 书出版服务。 如您发现本书内容错讹，敬请指正，以便新版修订。 ©Zhejiang Publishing United Group Digital Media CO.,LTD,2015 No.347 Tiyuchang Road, Hangzhou 310006 P.R.C. cb@bookdna.cn www.bookdna.cn 前言 React 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。具备以下特性： 不是一个 MVC 框架 不使用模板 响应式更新非常简单 HTML5 仅仅是个开始 仅仅是 UI 许多人使用 React 作为 MVC 架构的 V 层。 尽管 React 并没有假 设过你的其余技术栈， 但它仍可以作为一个小特征轻易地在已有项 目中使用 虚拟 DOM React 为了更高超的性能而使用虚拟 DOM 作为其不同的实现。 它同 时也可以由服务端 Node.js 渲染 － 而不需要过重的浏览器 DOM 支 持 数据流 React 实现了单向响应的数据流，从而减少了重复代码，这也是它为 什么比传统数据绑定更简单。 一个简单的组件 React 组件通过一个 render() 方法，接受输入的参数并返回展示的 对象。 以下这个例子使用了 JSX，它类似于XML的语法 输入的参数通过 render() 传入组件后，将存储在 this.props JSX 是可选的，并不强制要求使用。 点击 "Compiled JS" 可以看到 JSX 编译之后的 JavaScript 代码 Live JSX Editor var HelloMessage = React.createClass({ render: function() { return

Hello {this.props.name}

; } }); Reac......