React性能优化记录（不定期更新）

React性能优化记录（不定期更新）

---

1. 使用PureComponent代替Component

在新建组件的时候需要继承Component会用到以下代码

import React,{Component} from 'react';
import {connect} from 'react-redux';

class Item extends Comonent{
    render(){}
}
''''
export default connect(''',''')(Item);

如果使用了react-redux来管理组件的stat的话，因为一个state更新了，只要使用connect的组件，无论更新的state是否和该组件有关都会更新，这就导致了性能下降，这里可以使用PureComponent来替代Component,因为PureComponent会自带一个生命周期函数componentShouldUpdate()来判断更新的state是否和该组件有关来决定是否更新该组件。