Reactjs 如何从React项目中创建类/组件图？

我想可视化我在项目中使用的组件。我使用PHP作为后端，使用Laravel+Reactjs作为前端

我想要实现的是了解所有相互依赖的组件，以及它们如何/如何传递给彼此

有没有办法在phpstorm或vscode中从项目中自动生成类/组件图？我可以在Chrome的开发工具上看到它吗？注意：我已经在为react组件使用Chrome开发工具了。

您可以试试

---

dependency cruiser

可以可视化依赖关系。

我所知没有基于源代码的工具，尽管有一些工具会基于实时应用程序（如实时显示组件及其层次结构）。也许是你最好的option@Jayce444，你能说出其中一些工具吗？