Check for computed property names in prop-types.

Author: burnnat

lib/rules/prop-types.js

@@ -129,7 +129,7 @@ module.exports = function(context) {
   function markPropTypesAsUsed(node) {
     var component = getComponent(node);
     var type;
-    if (node.parent.property && node.parent.property.name) {
+    if (node.parent.property && node.parent.property.name && !node.parent.computed) {
       type = 'direct';
     } else if (
       node.parent.parent.declarations &&

tests/lib/rules/prop-types.js

@@ -81,6 +81,18 @@ eslintTester.addRuleTest('lib/rules/prop-types', {
       ecmaFeatures: {
         jsx: true
       }
+    }, {
+      code: [
+        'var Hello = React.createClass({',
+        '  render: function() {',
+        '    var propName = "foo";',
+        '    return <div>Hello World {this.props[propName]}</div>;',
+        '  }',
+        '});'
+      ].join('\n'),
+      ecmaFeatures: {
+        jsx: true
+      }
     }, {
       code: [
         'var Hello = React.createClass({',