在組件中通過組件名稱傳遞的日志道具

Question

當特定的網址加載我的react應用時，我想記錄傳遞給該頁面上每個組件的道具。 我想知道組件的名稱（只是名稱或特定的文件名）以及它收到的道具

我想在本地或控制台日志上運行應用程序時將其記錄在文件中

現在，我必須轉到每個組件並制作一個console.log道具，這很困難，因為我們有一個具有大量組件的巨大的React應用程序

Answer 1

在不知道您需要哪種上下文的情況下，我的主要建議是使用React開發工具來檢查組件。

這些工具在Chrome和Firefox中均可用。

當希望查看組件層次結構中使用的狀態或道具時，我發現這些工具非常有用。 值得注意的是，您還可以使用這些工具來編輯狀態和道具。