component和 purecomponent

componet

是 react的组件对象,这个对象有一些自己的内置属性和方法:例如componentWillMount 这种,我们一般用的时候,就是重写这个函数。

class App extends React.Component  //写组件时候,就是继承这个对象.

PureComponent

React15.3中新加了一个 PureComponent 类,只要把继承类从 Component 换成 PureComponent 即可,可以减少不必要的 render操作的次数从而提高性能.

但是PureComponent 不能重写 shouldComponentUpdate函数。

<CommentItem likeComment={this.likeComment} userID={user.id} />
class CommentItem extends PureComponent {
  ...
  handleLike() {
    this.props.likeComment(this.props.userID)
  }
  ...
}

原理:

当组件更新时,如果组件的 props 和 state 都没发生改变, render 方法就不会触发,省去 Virtual DOM
的生成和比对过程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值