add JSXAttribute visitor function, wraps JSXElement attributes in a J…

…SXExpressionContainer; also adds test fixtures
babel · Jul 25, 2017 · 0a3b8de · 0a3b8de
1 parent 19c4dd2
commit 0a3b8de
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/packages/babel-plugin-transform-react-jsx/src/index.js b/packages/babel-plugin-transform-react-jsx/src/index.js
@@ -47,6 +47,12 @@ export default function({ types: t }) {
     );
   };
 
+  visitor.JSXAttribute = function(path) {
+    if (t.isJSXElement(path.node.value)) {
+      path.node.value = t.jSXExpressionContainer(path.node.value);
+    }
+  };
+
   return {
     inherits: jsx,
     visitor,

diff --git a/...gin-transform-react-jsx/test/fixtures/react/should-allow-elements-as-attributes/actual.js b/...gin-transform-react-jsx/test/fixtures/react/should-allow-elements-as-attributes/actual.js
@@ -0,0 +1 @@
+<div attr=<div /> />
diff --git a/...n-transform-react-jsx/test/fixtures/react/should-allow-elements-as-attributes/expected.js b/...n-transform-react-jsx/test/fixtures/react/should-allow-elements-as-attributes/expected.js
@@ -0,0 +1,3 @@
+React.createElement("div", {
+  attr: React.createElement("div", null)
+});