Fix destructured props detection in prop-types (fixes #443)

Author: yannickcr

lib/rules/prop-types.js

@@ -713,12 +713,8 @@ module.exports = Components.detect(function(context, components, utils) {
    *   FunctionDeclaration, or FunctionExpression
    */
   function markDestructuredFunctionArgumentsAsUsed(node) {
-    var destructuring = node.params &&
-                        node.params.length === 1 &&
-                        node.params[0] &&
-                        node.params[0].type === 'ObjectPattern';
-
-    if (destructuring) {
+    var destructuring = node.params && node.params[0] && node.params[0].type === 'ObjectPattern';
+    if (destructuring && components.get(node)) {
       markPropTypesAsUsed(node);
     }
   }

tests/lib/rules/prop-types.js

@@ -1098,6 +1098,16 @@ ruleTester.run('prop-types', rule, {
         '};'
       ].join('\n'),
       parserOptions: parserOptions
+    }, {
+      // Ignore destructured function arguments
+      code: [
+        'class Hello extends React.Component {',
+        '  render () {',
+        '    return ["string"].map(({length}) => <div>{length}</div>);',
+        '  }',
+        '}'
+      ].join('\n'),
+      parserOptions: parserOptions
     }
   ],
 
@@ -1916,6 +1926,17 @@ ruleTester.run('prop-types', rule, {
       errors: [{
         message: '\'name\' is missing in props validation'
       }]
+    }, {
+      code: [
+        'function Greetings({names}) {',
+        '  names = names.map(({firstname, lastname}) => <div>{firstname} {lastname}</div>);',
+        '  return <Hello>{names}</Hello>;',
+        '}'
+      ].join('\n'),
+      parserOptions: parserOptions,
+      errors: [{
+        message: '\'names\' is missing in props validation'
+      }]
     }
   ]
 });