イベントプーリング - React 入門

React ではイベントハンドラでは Synthetic イベントオブジェクトが渡されます。この点については次の記事で説明しています。 Synthetic イベント さて、この Synthetic イベントオブジェクトを使う際には気をつけないといけない点があります。 それがイベントプーリングです。 実はパフォーマンスを向上させるために、Synthetic イベントオブジェクトはあらかじめ作成されてプールされています。 言い換えると、Synthetic イベントオブジェクトは「作りおき」されています。 作りおきされて、そのオブジェクトのプロパティだけ差し替えられて、次々と使われるようになっています。この仕組みにより、 無駄なオブジェクトの生成が回避でき、パフォーマンスが向上します。 しかし、Synthetic イベントオブジェクトを使うのに少し注意が必要になります。 具体例として、次の例を見