当 props 通过 react-redux connect 函数时，WebStorm 高亮显示 React 组件

Question

我有一个容器组件：

import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

class MyComponent extends Component {
  static propTypes = {
     someEntities: PropTypes.object.isRequired
  }
  ....
}

export default connect(state => ({ someEntities: state.someEntities })(MyComponent)

所以我通过 connect 将道具传递给这个组件，但是当我将组件放在代码中时，例如：

....
import MyComponent from './MyComponent';
....
<div><MyComponent /></div>
....

WebStorm 突出显示 MyComponent 并给我一个错误：Element MyComponent doesn't have required attribute someEntities.

我使用的是2016.3.1版本。这是一个错误吗？在这种情况下我应该使用 propTypes 吗？

Answer 1

这是一个已知问题，跟踪为 WEB-21692; please follow it for updates (https://intellij-support.jetbrains.com/hc/en-us/articles/207241135-How-to-follow-YouTrack-issues-and-receive-notifications)

当 props 通过 react-redux connect 函数时，WebStorm 高亮显示 React 组件

WebStorm highlights React component when props passed through react-redux connect function

webstorm

reactjs

redux

react-redux