React 表单-表单组件的高级用法

 2016年02月18日    668

随着应用规模的扩大,应该考虑对相同功能进行抽象,以提高代码的复用率和开发效率。React 表单组件中,我们可以对多个表单元素共享事件处理器,或将功能相同的组件编写为自定义组件。

阅读全文

React 表单-表单组件

 2016年02月16日    528

表单组件,如:<input>、<textarea>、<option>等,这些组件不同于其他组件,它们可以通过用户交互发生变化。这些组件提供的响应用户交互的接口,使响应用户交互和管理表单数据更加容易。

阅读全文

React 表单-受控组件与非受控组件

 2016年02月14日    583

表单是应用中不可缺少的一部分,表单不同于其他 HTML 元素,因为它要响应用户的交互,并根据用户输入显示不同的状态。React 基于propsstate的组件渲染机制,可以很好的处理表单的复杂性。在React 中,表单组件分为两种:受控组件非受控组件

阅读全文

React DOM操作

 2016年02月13日    1147

大多数情况下,我们并不需要直接操作真实的DOM,React 的虚拟DOM足以满足创建用户界面的需要。而在极少数情况下,我们又不得不去操作底的DOM。为了和浏览器交互,我们需要获取对DOM节点的引用,React 提供了一个访问受自身控制的DOM节点(已挂载组件)的方法getDOMNode,通过这个方法我们可以在组件挂载后访问底层 DOM。

阅读全文

React 事件系统

 2016年02月10日    782

用户界面除了展示页面信息外,还要响应用户事件。React会将事件处理程序绑定到组件上来处理事件。事件被触发的同时,更新组件的内部状态。组件内部状态的更新,会触发组件的重绘。借助这些机制,我们能够轻松的响应用户输入,并根据用户输入内容完成用户界面的更新。

阅读全文

React 组件的复合

 2016年02月07日    310

JSX赋予了React组件强大的表现能力,它允许我们使用类似HTML的语法来创建自定义元素和组件。结合小巧、简单的组件和数据对象,可以构造出庞大而复杂的组件,这就是组件复合

阅读全文