如何自动导入默认的React类

时间:2019-11-11 15:09:20

标签: javascript reactjs auto-import react-typescript

我已经用Typescript安装了一个新的React Application,如下所示:

npx create-react-app my-app --typescript

当我运行该应用程序时,一切似乎都很好。因此,我删除了生成的代码并开始编写自己的代码。

当我开始键入内容时,我注意到我的IDE(Webstorm和VS Code)不会自动导入默认类,例如React

can't auto-import default react classes

如下面的示例所示,当我选择React时,什么也没有发生。但是,当我选择Component(默认情况下未导出)时,它已经被导入。

之后,我安装了"@material-ui/core": "^4.6.0"

似乎在这里我也得到了相同的行为。现在,我可以容忍使用imr之类的监听器来自动导入它。但是作为Angular粉丝,我不习惯于手动导入所有内容,我希望对此有一个解决方案。

哪个使我想到了以下问题:

不是手动导入我要使用的每个模块,有没有更简单的方法呢?开始变得非常痛苦。

我已经尝试了以下解决方案:

  1. 安装steoates' Auto Import
  2. 安装Arnuariri's Material UI Snippets
  3. 安装Burke's Simple React Snippets

我不是在寻找代码片段扩展,而是在寻找一种自动导入默认导出模块的方法。

1 个答案:

答案 0 :(得分:-1)

您必须安装自动导入(VSCode扩展名)

链接:https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-    导入