reactjs - 探索 React 项目中的组件依赖项

Question

在 React 项目中，是否有一些 VsCode 扩展、工具或技巧来获取 React 组件内部依赖关系的图表或报告？

具体来说，假设我已经定义了我的组件<MyComponent .../>；我想知道哪些其他组件（总是在我的项目中）将它作为子组件包含在内 <ParentComponent> ... <MyComponent .../> <ParentCOmponent>，反之亦然。

标签： reactjs

Answer 1

1.图形界面

概述组件树的一种有用工具- 或 - 调试是React Developer Toolschrome 扩展（组件选项卡）。

在这里下载： https ://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

组件树截图：

搜索：

相关：https ://reactjs.org/blog/2019/08/15/new-react-devtools.html

2.通过代码：

React.Children https://reactjs.org/docs/react-api.html#reactchildren