_

React组件的State

组件state必须能代表一个组件 UI 呈现的完整状态集,即组件的任何 UI 改变都可以从state的变化中反映出来;同时,state还必须代表一个组件 UI 呈现的最小状态集,即state中...

React事件处理浅谈

React 中的事件处理在React元素中绑定事件有两点需要注意: (1)在React中,事件命名采用驼峰命名方式,而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick...

React组件的生命周期

组建从被创建到被销毁的过程称为组件的生命周期。React为组件在不同的生命周期阶段提供了不同的生命周期方法,可以让我们在组件的生命周期过程中更好的控制组件的行为。通常生命周期我们可以分为三个阶...

地图小区景点边界轮廓实现

经常的我们在使用地图功能时,会发现在选择一个小区或者一个热门景点的时候,地图上面会给出其边界轮廓,能够方便我们知道其范围大小,有时候在我们使用地图组件的时候,也会面临着类似的需求。比如在地图上...

React之PureComponent

本篇目录 React 避免重复渲染 举例 PureComponent 原理 问题 解决方法 immutable.js 总结

React基础之状态(State)和生命周期(Life Cycle)

本篇目录: 状态(State) 什么是状态 函数式组件转化为类组件 类组件中添加 State 如何修改 State 正确地使用 State(状态) 不要直接修改 state(状态) s...

React基础之Props 验证

Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props ...

React基础之列表(Lists)和键(Keys)

本篇目录: 列表(Lists) 多组件渲染 基本列表组件 键(Keys) 使用 keys 提取组件 keys 在同辈元素中必须是唯一的 keys 的内部性 在 JSX 中嵌入 ...

React基础之如何构建React应用程序

本篇目录: 步骤 1:将 UI 拆解到组件层次结构中 步骤 2: 用 React 构建一个静态版本 步骤 3: 确定 UI state(状态) 的最小(但完整)表示 步骤 4:确定 s...

1234