Reactイベントハンドラ命名慣習 handleSomething, onSomething

自分用メモ

Reactイベントハンドラの一般的な命名規則

• propsとして渡すイベントにはonSomething、イベントを処理するハンドラ関数にはhandleSomethingを使うことが一般的だそう。

const Children = ( { onButtonClick } ) => <button type="button" onClick={onButtonClick}>Button</button>

const Parent = () => {
    const handleClick = () => {
        console.log("clicked!");
    }

    return <Children onButtonClick={handleClick} /
}

このリンクの少し上の箇所