Merge pull request #1132 from ethanjgoldberg/fix-quoted-type-annotations

remove quotes when considering the name of a proptype

Author: ljharb

lib/rules/prop-types.js

@@ -300,6 +300,17 @@ module.exports = {
       return tokens.length && tokens[0].value === '...';
     }
 
+    /**
+     * Removes quotes from around an identifier.
+     * @param {string} the identifier to strip
+     */
+    function stripQuotes(string) {
+      if (string[0] === '\'' || string[0] === '"' && string[0] === string[string.length - 1]) {
+        return string.slice(1, string.length - 1);
+      }
+      return string;
+    }
+
     /**
      * Retrieve the name of a key node
      * @param {ASTNode} node The AST node with the key.
@@ -310,7 +321,7 @@ module.exports = {
         var tokens = context.getFirstTokens(node, 2);
         return (tokens[0].value === '+' || tokens[0].value === '-'
           ? tokens[1].value
-          : tokens[0].value
+          : stripQuotes(tokens[0].value)
         );
       }
       var key = node.key || node.argument;

tests/lib/rules/prop-types.js

@@ -1105,6 +1105,16 @@ ruleTester.run('prop-types', rule, {
         '}'
       ].join('\n'),
       parser: 'babel-eslint'
+    }, {
+      code: [
+        'type Props = {',
+        '  \'completed?\': boolean,',
+        '};',
+        'const Hello = (props: Props): React.Element => {',
+        '  return <div>{props[\'completed?\']}</div>;',
+        '}'
+      ].join('\n'),
+      parser: 'babel-eslint'
     }, {
       code: [
         'Card.propTypes = {',