gistfile1.js

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

    eventNameToReactEventName: function(name){
        return "on" + name[0].toUpperCase() + name.slice(1);
    },

    makeEventHandlers: function(names){
        var stopProp = function(e){ e.stopPropagation(); },
        return names.map(this.eventNameToReactEventName)
          .reduce(function(props, name){ props[name] = stopProp; return props }, {});
    }

    render: function() {
        return React.createElement('div', this.makeEventHandlers(this.props.eventNames), 
            React.Children.only(this.props.children));
    }
});


            <WithStopPropagation eventNames={["click"]}>
                <li className="file-attachment">
                    <div className="closeIcon" onClick={this.props.onClickOnCloseIcon}><CloseIcon/></div>
                    <a className="url" target="_blank" href={url}>
                        <div className="infos"><span className="name">{name}</span></div>
                        <div className="preview"><AttachmentIcon/></div>
                    </a>
                </li>
            </WithStopPropagation>