web-dev-qa-db-ja.com

React 16：componentDidUpdate警告：カスケード更新をスケジュールしました

次のようにして、react reduxを使用してアプリケーションのパフォーマンスをプロファイルしました Ben Schwarzによるこの記事 。

ユーザータイミングセクションで、次の警告が表示されます（入力記号なし）。

enter image description here

2つのメッセージがあります：

  • _(Committing Changes) Warning: Lifecycle hook scheduled a cascading update_
  • Connect(MyComponent).componentDidUpdate Warning: Scheduled a cascading update

調べてみましたが、特別なことは何も見つかりませんでした。これは、react-reduxの接続HOCのcomponentDidUpdate関数に関連しているようです。

これらのメッセージはどういう意味ですか？

performancereactjsreduxreact-reduxgoogle-chrome-devtools
13
gontard

メッセージは、componentDidUpdateが変更された小道具を取得しているか、状態を設定していることを意味します。これは、更新中に呼び出される最後のライフサイクルメソッドであるため、更新はカスケードされます（最後の更新の直後に発生します）。基本的にReactは、別の更新を行う必要があると判断し、現在の更新でまだ完了していません。これがreact-reduxまたはアプリケーションの問題であるかどうかはわかりません。

7
Dakota