WebStorm自动完成不适用于React js

Question

我使用create-react-app创建了一个项目。我已在React JSX |中将我的JavaScript语言版本切换为Preferences Languages & Frameworks | JavaScript。 但我仍然有未解决的变量警告和未解决的功能警告。

Answer 1

  

为了增强代码完成，我们建议您添加TypeScript   React的定义文件为npm install --save @types/react

参考：blog.jetbrains

Answer 2

在开发任何（不仅是响应）应用程序时，实现正确代码完成的最简单方法是通过IDE自身添加对所需类型脚本库的支持。假设您将JetBrains IDE用于Web开发（可能不是WebStorm，而是IntelliJ IDEA）：

• 转到设置（Ctrl + Alt + S）->语言和框架
• 扩展JavaScript
• 选择图书馆，您会看到类似
的内容
• 点击下载...
• 搜索所需的任何库（您可以开始在libs列表中输入lib name），然后单击“下载并安装
• 使用react时，我建议添加：react;反应react-native（如果您对移动开发感兴趣）
• 完成后，单击“应用”

通常不需要重启IDE，更改将立即应用。 祝您编程愉快！

Answer 3

在WebStorm上，打开Preferences，展开Languages & Frameworks，然后展开JavaScript，点击Libraries。单击Add按钮并添加对库列表的反应 重启WebStorm。

或

你这样做：
您可以使用npm install --save @types/react

为React添加TypeScript定义

Answer 4

另外，作为参考，根据https://youtrack.jetbrains.com/issue/WEB-24780#comment=27-2681125，可以在IntelliJ中完全解决它，而不是手动运行npm命令。

您可以搜索自动完成所需的所有包。