React dev tools add显示的是html标签而不是组件标签

Question

hello react dev工具是显示html标签而不是组件标签

Answer 1

react dev工具将根据其名称表示组件本身，在您的情况下是缩小的名称，并且它们是紫色的。组件呈现的HTML表示为灰色，这是您所看到的。如果你看上面<table>，你会看到<t rows[{ ...>，这是实际的反应组件。

这是一个例子：

组件是PageHeader它呈现各种div和html灰色，还有一个Tooltip组件，你可以看到它的组件名称和道具。如果您展开了Tooltip，您会看到它呈现的HTML或组件。