2017/02/20
提高React性能的一个技巧。
使用背景
原文中的项目背景是基于React技术的聊天室，在对话之间反复切换时，如何快速响应组件的加载。
核心思路
对于一个使用很频繁的组件，避免它的mounting或unmounting等一系列生命周期方法的运行。
具体做法
一个头像组件
import { Component } form 'react'
class Avatar extends Component {
render() {
return <img src={this.props.url} />;
}
}
改进
const Avatar = (props) => {
return <img src={props.url} />;
}