問題タブ [react-devtools]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - React DevTools Profiler に State が表示されない
何らかの理由で、特定のコミットのコンポーネントの状態を確認できません。本当に明らかな何かが欠けているのでしょうか、それともこの機能が何らかの形でサポートされていないのでしょうか?
Firefox 72.0.1 を使用しています。
下の画像では、Table をダブルクリックしました (1 回クリックしても役に立ちません)。
reactjs - VSCode を使用して Firefox で拡張機能を保持し、Launch をリクエストする方法
React Dev Tools と Firefox Developer Edition を使用して React アプリをデバッグしようとしています。VSCode 経由で起動したときに Firefox が使用しているプロファイルに React Dev Tools をインストールできません。/Applications で Firefox を開いて自分で起動すると、React Dev Tools がインストールされています。
ただし、以下のlaunch.jsonプロファイルを実行すると、起動後に FireFox の [設定] -> [拡張機能とテーマ] -> [拡張機能] に拡張機能が表示されません。
ただし、こちらの指示に従って、端末で Firefox を起動し、デバッガーを接続することができます。このプロファイルには React Dev Tools があり、実行すると正常に動作します。
launch.json:
launchしかし、最初のものを代わりにリクエストで機能させるにはどうすればよいattachですか? 読んでみるとプロフィールと関係がありそう
javascript - React JSで再レンダリングを正しく検出するには?
親コンポーネントと複数の機能する子コンポーネントがあるとします。親が再レンダリングするかどうか、子が再レンダリングするかどうかを明確に知りたいです。
いくつかの記事を読んだ後、再レンダリングを検出する方法が 3 つあることを知りました。（他に方法があれば教えてください。）
1.console.log子コンポーネントに a を入れます。
2.設定でChromeペイントの点滅オプションを使用します。
3. React 開発ツールを使用する
コンポーネントが本当に再レンダリングされるかどうかを知るために、これらすべての方法は正しいですか? React.memo では正しく動作しないようです。
子コンポーネントを React.memo でラップするとconsole.log、親コンポーネントが再レンダリングされたときに正しいが表示されません。ただし、クロムと反応開発ツールを使用すると、子コンポーネントが再レンダリングされたかのように強調表示されます。
CodeSandbox: https://codesandbox.io/s/bold-cloud-iv0rv (新しい車を追加しても、静的コンポーネントは緑色で強調表示されますが、メモによると、再レンダリングする必要はありません。)
今私の疑問は、ペイントの点滅が正しく機能しないか、React.memo に問題があるか?