找出在哪里使用一种反应成分？

Question

有没有办法找出其他组件中使用了React组件的地方？

例如：

navbar组件在app.js中使用

import React from 'react';

const Navbar = () => {
    return <div>this is Navbar</div>;
};

export default Navbar;

import React from 'react'; import Navbar from './Navbar';

const App = () => {return (<div><Navbar /></div>); };

export default App;

Answer 1

大多数IDE应该能够找到该组件的references。 否则，可以通过简单的搜索找到它。

Answer 2

有两种方法可以解决这个问题：

强烈建议使用
1. React Developer Tools扩展程序进行调试。它有一个搜索栏（文本或/ regex /）

因此您可以像这样搜索您的组件：

1. 几乎所有的代码编辑器/ IDE都可以通过检查特定目录下的整个项目来帮助您找出特定代码所在的位置。我想您所需要的只是只是了解有关您的工具的更多信息

干杯，希望对您有帮助