reactjs - 有没有办法在 eslint 或 vscode 中自动导入模块？

Question

所以我创建了一个consoledata.ts文件来记录我作为参数传入的任何内容，如下所示：

/* eslint-disable no-console */
export default function ConsoleData(props: any) {
  console.log(props);
}

现在使用 VSCode 搜索图标，我将console.log代码中的每个更改为，consoleData因为我可能需要一整天的时间来逐个更改它们。现在我的问题是，consoleData模块没有被导入。有没有办法我可以做到这一点？

Answer 1

在 VSCode 中有两种自动导入的方法。第一种方法是使用快速修复。如果您在 MacOS 上，您可以Cmd + .打开快速修复对话框，然后导入模块。

第二个选项是使用自动导入建议。它们会在您键入时显示建议。如果您使用的是 MacOS，请选择要导入的函数/类，然后您可以Ctrl + Space打开自动导入建议对话框。