WebStorm 无法识别 JSX 中组件的使用答案

【问题标题】：WebStorm doesn't recognise use of components inside JSXWebStorm 无法识别 JSX 中组件的使用
【发布时间】：2018-07-23 20:56:17
【问题描述】：

假设我正在导入一个组件：

const MyComponent   = require('./components/MyComponent');

然后在 JSX 块中使用它：

const App = props => (<MyComponent/>)

我在 WebStorm 中收到来自 Eslint 的错误：

'MyComponent' is assigned a value but never used (no-unused-vars)

如何让 WebStorm 理解我正在使用这个变量？

【问题讨论】：

Require 通常用于平面文件加载。您应该改用import MyComponent from './components/MyComponent'。试试看:)
@cbll 使用时同样的错误:)

【解决方案1】：

不是 WebStorm 而是 ESLint 无法识别您的 JSX 变量。你安装了 eslint-plugin-react 吗？我猜你错过了jsx-uses-vars 规则。一些提示见https://github.com/eslint/eslint/issues/2156,https://github.com/hyperapp/hyperapp/issues/557

【讨论】：