Javascript 如何知道在整个现有的react应用程序中,react组件将导出到哪个文件中?

Javascript 如何知道在整个现有的react应用程序中,react组件将导出到哪个文件中?,javascript,reactjs,visual-studio-code,frontend,Javascript,Reactjs,Visual Studio Code,Frontend,我正在从事一个react项目,我是react新手。我习惯于做后端的事情。所以我的问题是在一个大项目中,您可以通过在VisualStudio中单击类实例的引用来跟踪它们。因此,我们不必在每个文件中查找它的使用位置。 在使用VisualStudio代码时是否有类似的方法。跟踪在整个应用程序中导入的组件。因此,我们不必在每个文件中查找该组件的用例。 例如,我有一个Modal.js无状态组件。我想知道它在整个应用程序中的导出位置,这样我就可以知道它的道具是什么,以及它是如何使用的,而无需查看每个文件来查

我正在从事一个react项目,我是react新手。我习惯于做后端的事情。所以我的问题是在一个大项目中,您可以通过在VisualStudio中单击类实例的引用来跟踪它们。因此,我们不必在每个文件中查找它的使用位置。 在使用VisualStudio代码时是否有类似的方法。跟踪在整个应用程序中导入的组件。因此,我们不必在每个文件中查找该组件的用例。
例如,我有一个Modal.js无状态组件。我想知道它在整个应用程序中的导出位置,这样我就可以知道它的道具是什么,以及它是如何使用的,而无需查看每个文件来查找它的导入

一种简单的方法是使用Visual Studio代码的搜索功能搜索“导入模式”(确保区分大小写)

这将返回导入相关组件的每个实例/文件

在放大镜所在的左侧工具栏上可以找到搜索功能。

这可能会有所帮助。,