ReactErrorUtils.invokeGuardedCallback in React IEブラウザでイベントを繰り返し発生させます

Question

私のアプリケーションでハイチャートと反応しています。そして現在、Reactの奇妙な問題に直面しています。私は1つのメニューアイテムを持っており、クリックイベントでは何らかの処理を行います（画像をチャートとしてエクスポートします）。だから私は、現在のところ、私の反応コンポーネントの中のどのsetStateオペレーションでもそれが起動されるのを観察しました。呼び出しスタックを調べると、ReactErrorUtils.invokeGuardedCallbackがこのイベントを繰り返し送信していたことがわかりました。

は、誰もがクリックすると任意のSETSTATE操作に

Answer 1

をトリガーなっているコンポーネントを反応させると、同様の問題に直面していますそれはしばらくしているが、私は添付のEventListenerの同じタイプのコンポーネントを入れ子になっていたとき、私はいつもそのような問題に直面してきました。例えば、onClick propを持つ外側のコンポーネントと、別のonClick propを持つ内側の要素です。

内側がクリックされるとイベントが外側に泡立ち、外側の要素のonClickコールバックも呼び出されます。スタック内 は、あなたはそれがバブルアップからのイベントを停止するinvokeGuardedCallback

によって呼び出されたことを今見トレース内部要素のコールバック関数内

event.stopPropagation(); 

を呼び出します。

ivokeGuardedCallbackがコールバックを呼び出す可能性がある他のシナリオがあります。コードをいつも読めるようにするためです。