文章列表 (共 622 篇，第 5/63 页)
随着应用规模的扩大，应该考虑对相同功能进行抽象，以提高代码的复用率和开发效率。React 表单组件中，我们可以对多个表单元素共享事件处理器，或将功能相同的组件编写为自定义组件。
多表单元素共享事件处理器
1.1 通过.bind()方法共享
1.2 通过底层DOMname属性实现共享
1.3 通过React addon实现共享
...
阅读全文 →
表单组件，如：<input>、<textarea>、<option>等，这些组件不同于其他组件，它们可以通过用户交互发生变化。这些组件提供的响应用户交互的接口，使响应用户交互和管理表单数据更加容易。
交互属性与事件
1.1 交互属性
1.2 事件
1.3 name属性
文本框与下拉框...
阅读全文 →
表单是应用中不可缺少的一部分，表单不同于其他 HTML 元素，因为它要响应用户的交互，并根据用户输入显示不同的状态。React 基于props和state的组件渲染机制，可以很好的处理表单的复杂性。在React 中，表单组件分为两种：受控组件和非受控组件。
受控组件
1.1 受React控制的值
1.2 表单组件事件
1.3 受控组件...
阅读全文 →
大多数情况下，我们并不需要直接操作真实的DOM，React 的虚拟DOM足以满足创建用户界面的需要。而在极少数情况下，我们又不得不去操作底的DOM。为了和浏览器交互，我们需要获取对DOM节点的引用，React 提供了一个访问受自身控制的DOM节点（已挂载组件）的方法getDOMNode，通过这个方法我们可以在组件挂载后访问底层 DOM。
refs属性...
阅读全文 →
用户界面除了展示页面信息外，还要响应用户事件。React会将事件处理程序绑定到组件上来处理事件。事件被触发的同时，更新组件的内部状态。组件内部状态的更新，会触发组件的重绘。借助这些机制，我们能够轻松的响应用户输入，并根据用户输入内容完成用户界面的更新。
事件处理器的绑定
1.1 JSX中的事件绑定
1.2 非JSX中的事件绑定
1.3...
阅读全文 →
JSX赋予了React组件强大的表现能力，它允许我们使用类似HTML的语法来创建自定义元素和组件。结合小巧、简单的组件和数据对象，可以构造出庞大而复杂的组件，这就是组件复合。
组件的组合与从属关系
1.1 组件的组合
1.2 组件从属关系
组件的子级
2.1 子级
2.2 动态子级
1. 组件的组合与从...
阅读全文 →
在HTML，元素（Element）是组成页面的基本元素。而在React中，组成页面的基本元素是组件。React组件本质上是一个JavaScript函数，它接受属性（props）和状态两个参数，并输出render()渲染好的HTML。设计组件时，应该把通用元素（如：按钮、输入框、表单、布局组件等）拆分成接口定义良好的、可复用的、独立的组件，这样不仅可以提高U...
阅读全文 →
React 组件实例在渲染的时候（实例化）创建，这些实例在接下来渲染中会被重复使用。要调用组件上的API，首先需要获取对组件的引用。在组件方法内部可以通过this访问，在组件外唯一访问组件方法就是通过React.render的返回值，在其它组件内访问组件，可以使用refs获得对组件的引用。
设置状态：setState
替换状态：replaceSta...
阅读全文 →
React 基于状态实现对DOM控制和渲染。组件状态分为两种：一种是组件间的状态传递、另一种是组件的内部状态，这两种状态使用props和state表示。props用于从父组件到子组件的数据传递。组件内部也有自己的状态：state，这些状态只能在组件内部修改。
数据流与Props
1.1 设置props
1.2 JSX语法中的属性设置
...
阅读全文 →
React是Facebook内部的一个JavaScript类库中，可用于创建Web用户交互界面。它引入一种新的DOM处理方式，你只需要声名式的定义各个时间点的用户界面，React就能在指定时间点，以最小的DOM修改来更新整个用户界面。
React来源
React特点
2.1 只是一个视图（View）
2.2 一个“状态机”
2.3 ...
阅读全文 →
