时间戳

首页 > 解决方案 > 如何跳转到vscode中第一个组件的引用？

reactjs - 如何跳转到vscode中第一个组件的引用？

问题描述

我有两个组件叫做Categoryand Item：

/src
  - Category.tsx
  - Item.tsx

import Item from "./Item";

const Category = (...) => (
  <>
    <Item />
  </>
);

export default React.memo(Category);

const Item = (...) => <>...</>;

export default React.memo(Item);

如您所见，Item仅被引用一次（在内部Component）。到目前为止，一切都很好。

现在，我想从Item.tsx文件中直接跳转，Category.tsx因为我实际上使用过这个组件一次。但是当我这样做时，VSCode 会打开一个窗口，说我有 4 个引用（基本上是正确的）：

  1. 常量项= ...
  2. ... React.memo(项目)
  3. 从...导入项目
  4. <项目/>

我想知道是否有一种方法可以告诉 VSCode 我只对第 4 个引用 () 感兴趣，因此它可以直接将我导航到该引用而不是打开引用窗口。

标签： reactjsvisual-studio-code

解决方案

推荐阅读