問題タブ [react-devtools]

今日は React Native を使い始め、react-devtoolsnpm リポジトリからダウンロードして、React Native Expo アプリのコンポーネント階層をデバッグしました。正常に動作しますが、時々クラッシュします。

そのため、新しいバージョンなどを検索しようとしたところ、このプロジェクトの GitHub リポジトリが存在しなくなり ( https://github.com/facebook/react-devtools )、( https://githubに移動された)ことがわかりました。 .com/facebook/react )。このツールがメインの React リポジトリのどこにあるのかわかりませんか? それともプロジェクト中止？同等のものはありますか？レガシーバージョンを使用していますか?

ブラウザー ( http://localhost:19001/debugger-ui/ ) でデバッグしても、存在しないリポジトリからこのアプリをダウンロードするように指示されます。

これは、Google Chrome の新しい React Dev Tools のスクリーンショットです。

最上位のコンポーネント名のみがAdminArea表示されます。このコンポーネントは、スクリプトのエントリ ファイルindex.jsx. AddNewCoupon および ViewCoupons コンポーネントも必要です。有効なフィルタはありません。

また、コンポーネント内の状態フックの命名には「状態」としか表示されていないことにも注意してください。これらはブースの useState() フックです。

useReducer の初期状態の変数名が表示されますが、これは、その変数をエントリ ファイルに直接エクスポートおよびインポートしているためですindex.jsx。

これらのラベル付けの問題を修正する方法を知っている人はいますか?

先週発生し始めたばかりの React Dev Tools で問題が発生しています。それ以前は正常に動作していました。問題は、「バックグラウンド」で更新されているにもかかわらず、状態が変更に反応していないことです (たとえば、入力ボックスに入力されたテキストは、標準の onChange/handleChange 関数に登録されていません。「コピー先」をクリックすると、 「クリップボード」ボタンが「状態」ボックスに表示され、それをコンソールに貼り付けると、状態が明らかに更新されます。表示されないだけです。他の誰かがこれに遭遇し、修正を知っていますか。

私はこの問題を広範囲にグーグル検索しましたが、コンポーネントの表示全体が機能しなくなった最近の問題だけを見てきました。しかし、それは別の問題です。私のものは、状態の更新にのみ関連しています。