Fix <this.Component /> (#2472)

This is a workaround while waiting on eslint/typescript-eslint-parser#337. Fixes #2471
prettier · Jul 13, 2017 · 1691b85 · 1691b85
1 parent ef91e28
commit 1691b85
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/printer.js b/src/printer.js
@@ -1596,6 +1596,11 @@ function genericPrintNoParens(path, options, print, args) {
 
       return concat(parts);
     case "JSXIdentifier":
+      // Can be removed when this is fixed:
+      // https://github.com/eslint/typescript-eslint-parser/issues/337
+      if (!n.name) {
+        return "this";
+      }
       return "" + n.name;
     case "JSXNamespacedName":
       return join(":", [

diff --git a/tests/typescript_tsx/__snapshots__/jsfmt.spec.js.snap b/tests/typescript_tsx/__snapshots__/jsfmt.spec.js.snap
@@ -46,7 +46,9 @@ const MyCoolThing = ({ thingo }) => <li>{thingo}</li>;
 
 exports[`this.tsx 1`] = `
 <this.state.Component />;
+<this.Component />;
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <this.state.Component />;
+<this.Component />;
 
 `;
diff --git a/tests/typescript_tsx/this.tsx b/tests/typescript_tsx/this.tsx
@@ -1 +1,2 @@
 <this.state.Component />;
+<this.Component />;