查看使用React構建的網站的源代碼

Question

無論如何查看使用React構建的網站的反應源代碼？

如果您檢查反應頁面的源代碼，您將只能看到根分區。有沒有辦法看到實際的組件？

Answer 1

您可以使用React Developer Tools瀏覽器extension。這將允許您查看任何React應用程序的組件樹。此外，您可以使用它檢查每個組件的道具和狀態。但是，在生產版本之後，您仍然無法看到Component的源代碼。

Answer 2

有2個工具可能會有所幫助。
其中一個已經在@tharaka
的答案中提到了，另一個工具是Redux Dev Tools用於狀態管理。