为什么无法通过“查看源代码”看到React元素

时间:2019-03-28 16:26:39

标签: reactjs

当我查看React应用程序的源代码时,我只会看到样板索引文件。

我认为Dom元素正在被创建/销毁/更新/等等...

为什么我看不到所有这些div,span,h1等?

1 个答案:

答案 0 :(得分:4)

React具有自己的“内部DOM”,用于管理状态,并在页面加载后使用JavaScript将“真实”元素注入到主DOM中。

但是,如果您确实想查看它们,则可以使用Chrome的React开发插件

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

只需安装,检查元素,然后遍历开发工具的React选项卡即可。