これは、Google Chrome の新しい React Dev Tools のスクリーンショットです。
最上位のコンポーネント名のみがAdminArea
表示されます。このコンポーネントは、スクリプトのエントリ ファイルindex.jsx
. AddNewCoupon および ViewCoupons コンポーネントも必要です。有効なフィルタはありません。
また、コンポーネント内の状態フックの命名には「状態」としか表示されていないことにも注意してください。これらはブースの useState() フックです。
useReducer の初期状態の変数名が表示されますが、これは、その変数をエントリ ファイルに直接エクスポートおよびインポートしているためですindex.jsx
。
これらのラベル付けの問題を修正する方法を知っている人はいますか?