listenToProps improvements

String with prop names separated by spaces is allowed.

Change events will be taken from prop values.

Author: Vlad Balin

README.md

@@ -155,7 +155,7 @@ var MyComponent = React.createClass({
 ## Passing Backbone objects as React components props
 ```javscript
 var MyComponent = React.createClass({
-	listenToProps : {
+	listenToProps : { // or just string with property names, separated by space
 		model : 'change'
 	},
 

nestedreact.js

@@ -21,6 +21,18 @@ var ListenToProps = {
     }
 };
 
+var ListenToPropsArray = {
+    componentDidMount : function(){
+        var props    = this.props,
+            updateOn = this.listenToProps;
+
+        for( var i = 0; i < updateOn.length; i++ ){
+            var emitter = props[ updateOn[ i ] ];
+            emitter && this.listenTo( emitter, emitter.triggerWhenChanged, forceUpdate );
+        }
+    }
+};
+
 var ModelState = {
     listenToState : 'change',
     model         : null,
@@ -60,7 +72,16 @@ function createClass( spec ){
 
     if( spec.Model ) mixins.push( ModelState );
 
-    if( spec.listenToProps ) mixins.unshift( ListenToProps );
+    var listenToProps = spec.listenToProps;
+    if( listenToProps ){
+        if( typeof listenToProps === 'string' ){
+            spec.listenToProps = listenToProps.split( ' ' );
+            mixins.unshift( ListenToPropsArray );
+        }
+        else{
+            mixins.unshift( ListenToProps );
+        }
+    }
 
     mixins.push( Events );