full classes compatibility (with static properties)

I just upgraded to latest version and I am getting issue with classes used as react component. It seems some rules like displayName or prop-types are not able to read (or just don’t look) static fields.

import React, {Component, PropTypes} from "react"

class Widget extends Component {

  static displayName = "Widget"

  static childContextTypes = {
    styleVariables: PropTypes.object,
    RouteHandler: PropTypes.func,
  }

  static propTypes = {
    styleVariables: PropTypes.object,
    RouteHandler: PropTypes.func,
  }

  getChildContext() {
    return {
      styleVariables: this.props.styleVariables,
      RouteHandler: this.props.RouteHandler,
    }
  }
}

This code give me 3 errors:

   6:0   error  Widget component definition is missing display name         react/display-name
  24:22  error  'styleVariables' is missing in props validation for Widget  react/prop-types
  25:20  error  'RouteHandler' is missing in props validation for Widget    react/prop-types

It would be really cool to support this.

[nshoes]

@benmarten Yep, adding "parser": "babel-eslint" to my .eslintrc and installing it solved it for me as well.

[yannickcr]

@sebastienbarre I cannot reproduce your problem with eslint@0.19.0, eslint-plugin-react@2.1.1 and babel-eslint@3.0.1:

test.jsx

class Hello extends React.Component {
  static displayName = 'Widget';
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

.eslintrc

{
    "parser": "babel-eslint",
    "ecmaFeatures": {
        "classes": true,
        "jsx": true
    },
    "plugins": [
      "react"
    ],
    "rules": {
      "react/display-name": 1
    }
}

$ eslint --reset test.jsx # Does not find any error