Reactjs WebStorm自动完成不适用于React js

Reactjs WebStorm自动完成不适用于React js,reactjs,phpstorm,webstorm,Reactjs,Phpstorm,Webstorm,我已经使用create react app创建了一个项目。我已将我的JavaScript语言版本切换到首选项|语言和框架|JavaScript中的React JSX。 但我仍然有未解决的变量警告和未解决的函数警告 为了增强代码的完整性,我们建议您添加一个类型脚本 React withnpm安装的定义文件——保存@types/React ref:在WebStorm上,打开首选项,展开语言和框架,然后展开JavaScript,单击库。单击添加按钮,将react添加到库列表中。 重新启动WebSto

我已经使用
create react app
创建了一个项目。我已将我的JavaScript语言版本切换到
首选项
|
语言和框架
|
JavaScript
中的
React JSX
。 但我仍然有未解决的变量警告和未解决的函数警告

为了增强代码的完整性,我们建议您添加一个类型脚本 React with
npm安装的定义文件——保存@types/React


ref:

在WebStorm上,打开
首选项
,展开
语言和框架
,然后展开
JavaScript
,单击
。单击
添加
按钮,将react添加到库列表中。
重新启动WebStorm

您可以这样做:

您可以为React with
npm install添加一个TypeScript定义——保存@types/React

,以供参考,根据这一点,您可以完全在IntelliJ中解决它,而不是手动运行
npm
命令


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

在开发任何(不仅仅是react)应用程序时,实现正确代码完成的最简单方法是通过IDE本身添加对所需类型scrip库的支持。假设您使用JetBrains IDE进行web开发(可能不是WebStorm,而是IntelliJ IDEA):

  • 转到设置(Ctrl+Alt+S)->语言和框架
  • 扩展JavaScript
  • 选择库,您将看到类似的内容
  • 点击下载
  • 搜索您需要的任何库(您可以在libs列表中键入lib name),然后单击下载并安装
  • 使用react时,我建议添加:react;反应dom;react native(如果您对移动开发感兴趣)
  • 完成后单击应用
通常不需要重新启动IDE,更改将立即应用。
快乐编码

您能否提供出现警告的代码示例?@uğuraydın
React.Component
ReactDOM.render
关键字。问题是,自动完成功能不适用于React功能更改设置后是否尝试重新启动webstorm?:PDid您
从“React”导入React?对于React 15.x+,这应该是现成的;对于其他版本,需要安装打字。您的WebStorm版本可能存在问题。如何将react添加到库列表?我看不到任何选项。@Pratik您是否尝试过使用
.jsx
.tsx
)扩展名命名您的文件?此外,您可能还需要
npm安装--save dev@types/react dom
这个.state之后,我没有收到任何建议。
这是最准确的答案,符合编码器的需要