rm jsx

Author: jcouyang

lib/react-most.js

@@ -16,6 +16,7 @@ const CONTEXT_TYPE = {
   [MERGE_OBSERVE]: React.PropTypes.func,
 };
 
+const h = React.createElement;
 export function connect(main, opts = {}) {
   return function(WrappedComponent) {
     let connectDisplayName = `Connect(${getDisplayName(WrappedComponent)})`;
@@ -31,13 +32,12 @@ export function connect(main, opts = {}) {
           this.actions = mergeAll([actions, props.actions]);
         }
         render() {
-          return (
-            <WrappedComponent
-              {...this.props}
-              {...opts}
-              sink$={this.sink$}
-              actions={this.actions}
-            />
+          return h(
+            WrappedComponent,
+            Object.assign({}, this.props, opts, {
+              sink$: this.sink$,
+              actions: this.actions,
+            })
           );
         }
       }
@@ -98,13 +98,11 @@ export function connect(main, opts = {}) {
           this.subscriptions.unsubscribe();
         }
         render() {
-          return (
-            <WrappedComponent
-              {...this.props}
-              {...this.state}
-              {...opts}
-              actions={this.actions}
-            />
+          return h(
+            WrappedComponent,
+            Object.assign({}, this.props, this.state, opts, {
+              actions: this.actions,
+            })
           );
         }
       }