gistfile1.js

var WithStopPropagation = React.createClass({

    propTypes: {
        children: React.PropTypes.node.isRequired,
        eventNames: React.PropTypes.arrayOf(React.PropTypes.string).isRequired
    },

    stopPropagation: function(e){
        e.stopPropagation();
    },

    // returns something like { onClick: stopPropagation, onFocus: stopPropagation , ... }
    makeEventHandlers: function(){
        return this.props.eventNames.reduce(function(props, name) {
            props[name] = this.stopPropagation;
            return props
        }.bind(this),{});
    },

    render: function() {
        return React.createElement(
            'span', // Use span as wrapper node to avoid unwanted CSS effects
            this.makeEventHandlers(),
            React.Children.only(this.props.children)
        );
    }

});
module.exports = WithStopPropagation;