fix react inline elements plugin when creating properties out of jsx expression containers - fixes #2766

packages/babel-core/test/fixtures/transformation/optimisation.react.inline-elements/expression-container/actual.js

@@ -0,0 +1,5 @@
+var TestComponent = React.createClass({
+  render: function () {
+    return <span className={this.props.someProp} />;
+  }
+});

packages/babel-core/test/fixtures/transformation/optimisation.react.inline-elements/expression-container/expected.js

@@ -0,0 +1,14 @@
+var TestComponent = React.createClass({
+  render: function () {
+    return {
+      $$typeof: babelHelpers.typeofReactElement,
+      type: "span",
+      key: null,
+      ref: null,
+      props: {
+        className: this.props.someProp
+      },
+      _owner: null
+    };
+  }
+});

packages/babel-plugin-transform-react-inline-elements/src/index.js

@@ -38,6 +38,7 @@ export default function ({ types: t }) {
         }
 
         function pushProp(objProps, key, value) {
+          if (t.isJSXExpressionContainer(value)) value = value.expression;
           objProps.push(t.objectProperty(key, value));
         }