React 定义可复用的组件

 2016年02月05日    489

在HTML,元素(Element)是组成页面的基本元素。而在React中,组成页面的基本元素是组件。React组件本质上是一个JavaScript函数,它接受属性(props)和状态两个参数,并输出render()渲染好的HTML。设计组件时,应该把通用元素(如:按钮、输入框、表单、布局组件等)拆分成接口定义良好的、可复用的、独立的组件,这样不仅可以提高UI的开发效率,同时可以使代码结构更为清晰、减少程序BUG和降低维护成本。

阅读全文

React 组件的API(组件实例)介绍

 2016年02月03日    1490

React 组件实例在渲染的时候(实例化)创建,这些实例在接下来渲染中会被重复使用。要调用组件上的API,首先需要获取对组件的引用。在组件方法内部可以通过this访问,在组件外唯一访问组件方法就是通过React.render的返回值,在其它组件内访问组件,可以使用refs获得对组件的引用。

阅读全文

JavaScript 对象属性拷贝-Object.assign()

 2016年01月31日    331

code>Object对象提供了一个复制对象属性的方法:Object.assign(),在我们需要将一个或多个对象属复制到目标对象时,可以使用这个方法。Object.assign()会把一个或多源对象的可枚举(可访问)属性复制给目标对象。

阅读全文

React 数据流与状态控制-props与sate的区别

 2016年01月31日    946

React 基于状态实现对DOM控制和渲染。组件状态分为两种:一种是组件间的状态传递、另一种是组件的内部状态,这两种状态使用propsstate表示。props用于从父组件到子组件的数据传递。组件内部也有自己的状态:state,这些状态只能在组件内部修改。

阅读全文

React 定义组件的参数对象

 2016年01月28日    505

使用React.createClass()方法创建组件时,需要传入一个参数对象,React会根据这个对象创建组件。这个参数对象中,除了包含必须要实现的render方法外,还有一些组件的设置属性。组件生命周期中的一些处理函数,也是在这个对象中定义的

阅读全文

React组件生命周期

 2016年01月26日    557

React中一个组件就是一个状态机,在组件的生命周期中,随着组件props或state的改变,其DOM表现形式也会有所变化。React组件的生命周期分为:创建期存在期销毁&清理期,在生命周期的不同阶段,React提供了不同的处理函数(组件API),通过这些处理函数使我们能够实现对组件整个生命周期内的控制和处理。

阅读全文

React 相关方法(API)介绍-ReactDom、ReactDOMServer、子节点

 2016年01月26日    1785

React组件及子组件最终通过render方法渲染到DOM中,该方法由ReactDOM类库提供。页面的渲染可以在客户端或服务端完成,ReactDOMServer类库使你可以在服务端完成组件的渲染。通过this.props.children属性可以访问组件的子节点,而对子节点的处理的方法则由React.Children类提供。

阅读全文

React 相关方法(API)介绍-元素与组件操作

 2016年01月24日    485

JSX可以减少定义组件的复杂性,但对于React来说 JSX 并不是必须的,JSX 标签最终会被转换为原生的JavaScript。除使用JSX语法外,还可以使用React提供的API来创建组件。本文将介绍使用React创建元素,及一些React中重要的API。

阅读全文

Reach的JSX语法与HTML的异同

 2016年01月23日    223

JSX语法很像HTML,但它并不是HTML的复制品。JSX 规范中也有所说明:JSX并不尝试去遵循任何XML或HTML规范,而是做为一种ECMAScript特性设计的。

阅读全文