反応中のイベントプーリングとは何ですか？

Question

SyntheticEventがプールされます。これは、SyntheticEventオブジェクトが再利用され、イベントコールバックが呼び出された後にすべてのプロパティが無効になることを意味します。これはパフォーマンス上の理由によるものです。そのため、非同期の方法でイベントにアクセスすることはできません。

参照：Event System in React

Answer 1

をそれがコールバックがアクティブである間、イベントの特性のみ存在することを意味します。ミックスにasyncを追加するか、将来の使用のためにイベントを保存することは失敗します。

これは、イベントハンドラ内でconsole.log(event)を試してみると簡単に確認できます。オブジェクトを検査するときまでに、イベントオブジェクトのほとんどのプロパティはnullになります。値を記録した直後にdebugger;でスクリプトの実行を停止すると、値を検査できます。

class MyComponent extends React.Component { 
    handleClick (e){ 
    console.log('The event currentTarget is', e.currentTarget); // DOM element 
    setTimeout(() => { 
    console.log('event.currentTarget was', e.currentTarget); // null 
    }, 1000) 
    } 
    render() { 
    return <button onClick={this.handleClick}>Fire event!</button> 
    } 
} 

これは、ボタンをクリックすると、DOM要素を記録し、null秒後になります。私以外の理由で、event.targetは、次のイベントが発生するまでまだ保存されており、無効化されていません。