merge props by from inner to outer

Author: jcouyang

lib/react-most.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import initHistory from './history'
 import mostEngine from './engine/most'
-import merge from 'ramda/src/merge'
+import mergeAll from 'ramda/src/mergeAll'
 // unfortunately React doesn't support symbol as context key yet, so let me just preteding using Symbol until react implement the Symbol version of Object.assign
 const intentStream = "__reactive.react.intentStream__";
 const historyStream = "__reactive.react.historyStream__";
@@ -22,7 +22,8 @@ export function connect(main, initprops={}) {
     class Connect extends React.Component {
       constructor(props, context) {
         super(props, context);
-        this.state = merge(ReactClass.defaultProps, props)
+        // the outer props has higher piority
+        this.state = mergeAll([ReactClass.defaultProps, initprops, props])
         if(props.history) initprops.history=true
         this.actions = {
           fromEvent(e){
@@ -36,6 +37,7 @@ export function connect(main, initprops={}) {
         let sinks = main(context[intentStream],props);
         let actionsSinks = []
         if(initprops.history){
+          initprops = {}
           initprops.history = initHistory(context[historyStream])
           initprops.history.travel.observe(state=>{
             return this.setState(state)
@@ -69,7 +71,7 @@ export function connect(main, initprops={}) {
         });
       }
       render() {
-        return <ReactClass {...this.state} actions={this.actions} />
+        return <ReactClass {...this.state} {...initprops} actions={this.actions} />
       }
     }
     Connect.contextTypes = CONTEXT_TYPE;