React入门(四):state & props

在 React 中,为了方便数据的管理和问题追踪,采用的是单向数据流的方式,数据的组织形式是树状的,由上至下单向流动。数据从父组件到子组件,子组件只能读取父组件传递过来的数据,不能修改。React 中的数据有两种,一种是组件自身的状态:state,另一种是由父组件传来的属性:props(property-属性)。熟练掌握这两种数据对象,是 React 的基本功之一。

继续阅读“React入门(四):state & props”

React入门(三):常用的JSX

JSX(JavaScript XML):JSX 是一种 JavaScript 的语法扩展,其表现形式为 JavaScript 与 HTML 的混合使用。JSX 会被 Babel 编译为 JS,且在编译过程中就能够发现错误,所以安全性较高,能够防范部分 XSS 等攻击手段。JSX的执行速度很快,因为它在编译为 JS 代码后进行了优化。JS 和 HTML 混合使用的模式,在熟悉了之后还能够大大提高开发效率和代码可读性

继续阅读“React入门(三):常用的JSX”

React入门(二):Get Start

React 是一个十分灵活的框架,它可以像 JQuery 一样,仅仅通过引入就能够使用,也可以完完全全地使用 React 搭建一个完整的项目。在使用时,React 同时支持 ES5 和 ES6(ECMAScript,即 JS 的标准,可以简单地理解为不同版本的 JS ),你可以根据自己的习惯灵活地使用。还有其独特的 JSX(JavaScript 的语法扩展,即 JS 和 HTML 混合使用,再通过 Babel 编译为普通的 JS),如果你用不惯,也可以直接使用 JS。总而言之,React 使用起来十分灵活方便,本文将循序渐进,简单介绍如何使用以及不同程度地使用 React。

继续阅读“React入门(二):Get Start”