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
的生成和比对过程