SF
冷星的前端杂货铺
冷星的前端杂货铺
注册登录
关注博客
注册登录
主页
关于
RSS
React组件的State
前端荣耀
2018-12-21
阅读 3 分钟
2k
组件state必须能代表一个组件UI呈现的完整状态集,即组件的任何UI改变都可以从state的变化中反映出来;同时,state还必须代表一个组件UI呈现的最小状态集,即state中的所有状态都用于反映组件UI的变化,没有任何多余的状态,也不应该存在通过其他状态计算而来的中间状态。
React事件处理
前端荣耀
2018-12-03
阅读 4 分钟
1.2k
(1)在React中,事件命名采用驼峰命名方式,而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick,onchange要写成onChange等。
React组件的生命周期
前端荣耀
2018-11-28
阅读 3 分钟
1.7k
组建从被创建到被销毁的过程称为组件的生命周期。React为组件在不同的生命周期阶段提供了不同的生命周期方法,可以让我们在组件的生命周期过程中更好的控制组件的行为。通常生命周期我们可以分为三个阶段:挂载阶段 -> 更新阶段 -> 卸载阶段
React之PureComponent
前端荣耀
2018-07-09
阅读 4 分钟
5.9k
React在渲染出的UI内部建立和维护了一个内层的实现方式,它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点,因为这样做可能比直接操作JavaScript对象更慢一些,它被称之为“虚拟DOM”。
【React系列】如何构建React应用程序
前端荣耀
2017-09-15
阅读 7 分钟
4.4k
前面几篇内容简单整理了一些React的基础知识点,以方便大家能够简单的了解React的一些相关概念。在本节中,我们来试着以一个简单的例子来分析,如何构建一个React应用程序,该如何去思考。
【React系列】受控组件(Controlled Components)和不受控组件
前端荣耀
2017-09-04
阅读 3 分钟
8.3k
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。当用户提交表单时浏览器会打开一个新页面,如果你希望 React 中保持这个行为,也可以工作。但是多数情况下,用一个处理表单提交并访问用户输入到表单中的数据的 JavaScript 函数也很方便。实现这一点的标准方法是使用一种称为“受控组件(controlle...
【React系列】列表(Lists)和键(Keys)
前端荣耀
2017-08-31
阅读 4 分钟
2.3k
我们知道,在JavaScript中map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如:
【React系列】Props 验证
前端荣耀
2017-08-30
阅读 4 分钟
2.7k
Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。
【React系列】状态(State)和生命周期
前端荣耀
2017-08-25
阅读 4 分钟
3.1k
在上一篇中写过,组件可以分为函数式组件和类组件,并且更新组件的方法也给出了通过传入ReactDOM.render()方法进行更新。但是这种方式并不能很好地进行封装成独立功能的组件,一些操作会由外部进行控制。而我们理想中的组件应该是一个功能独立的个体,只是不同场合不同的数据才会出现不同。而这就就关联到了我们这次的主...
【React系列】元素、组件与属性
前端荣耀
2017-08-24
阅读 2 分钟
2.5k
React元素是不可突变(immutable)的。一旦创建了一个元素,就不能更改其子元素或者属性。只能创建一个新的元素,通过传入ReactDOM.render()方法进行更新。 另外,React DOM在更新的时候,会将元素及其子元素与之前版本逐一逐级对比,只更新对应有变化的,并不会整体进行刷新。