事件回调命名

Handler 命名风格:

  • 使用 handle 开头
  • 以事件类型作为结尾 (如 Click, Change)
  • 使用一般现在时
  1. // bad
  2. closeAll = () => {},
  3. render () {
  4. return <div onClick={this.closeAll} />
  5. }
  1. // good
  2. handleClick = () => {},
  3. render () {
  4. return <div onClick={this.handleClick} />
  5. }

如果你需要区分同样事件类型的 handler(如 handleNameChangehandleEmailChange)时,可能这就是一个拆分组件的信号