关于命名： onXXX 和 handleXXX 怎么区分

• 資深大佬 : hantsy

  <form onSubmit={handleLogin}/>

  <button onClick={increaseCounter} />

• 資深大佬 : hantsy

  onXXX 不是 react 内置的属性，看 React Form 那一篇。不大明白 React 。

• 資深大佬 : xianchenxy

  用动词，比如 do 、send…等等

• 資深大佬 : guyeu

  on 后面是动词，handle 后面是名词？

• 資深大佬 : sleepwalker

  个人一般用 handle 或其他动作来表明当前函数的作用，on 在传递 props 的时候用

• 資深大佬 : xiadd

  @sleepwalker 同

• 資深大佬 : Mutoo

  onClick: add a click event listener
  handleClick(Event): a handle function that deal with a click-event parameter
• 資深大佬 : czkm1320

  插个眼，我也一直想知道

• 資深大佬 : crz

  onEvent 是组件定义，组件留了这个事件回调； handleEvent 是传递给这个组件的函数，用来处理这个事件

• 資深大佬 : iugo

  官方文档给的建议挺清楚了:

  “`
  <button onClick={handleClick}>
  </button>
  “`

  https://reactjs.org/docs/handling-events.html

• 資深大佬 : lizz666

  我习惯用 handle

• 資深大佬 : otakustay

  onXxx 是被动的，你不知道具体会发生什么，其实现由外部指定
  handleXxx 是主动的，由你实现并明确知道会发生什么，通常通过 onXxx 交给外部
  我不是太喜欢 handleXxx，我更喜欢有明确语义说明会发生什么的函数名，然后传给 onXxx

• 資深大佬 : codermagefox

  一点个人的理解:
  on 表动作.比如,我拉屎以后冲厕所,冲这个动作,应该是 on 冲厕所.
  handle 表处理事件.比如我拉屎以后,需要用一个事件来处理屎,这个事件就是 handleXXX.
  不清晰?

  如果你要(冲)厕所,就用 on 冲
  如果你要处理屎,就用 handleChange(屎)

  所以核心是,你当时是想做出行为还是想处理过程.

• 資深大佬 : JerryCha

  onSomething -passing to-> handleSomething