React 開發工具不顯示組件名稱或 State 變量名稱

Question

這是 Google Chrome 中新的 React 開發工具的截圖：

僅顯示頂級組件名稱AdminArea 。 該組件位於我腳本的入口文件index.jsx中。 還應該有 AddNewCoupon 和 ViewCoupons 組件。 沒有啟用過濾器。

另請注意，組件內的 state 掛鈎命名僅表示“狀態”。 這些是展位 useState() 掛鈎。

可以看到 useReducer 的初始 state 變量名稱，但這只是因為我直接將該變量導出並導入到入口文件index.jsx中。

有人知道如何解決這些標簽問題嗎？

Answer 1

實際上，目前還沒有解決這個問題的方法，我打算為此打開一個 Github 問題，但結果是 Bryan Vaughn 自己打開了這個問題:)。 這是對Github 問題的參考。 干杯，西格弗里德。

更新

現在可以在 DevTools 中顯示名稱，單擊右上角的魔術棒：

那將變成：