ReactJS SyntheticEvent stopPropagation() は React イベントでのみ機能しますか? 質問する

ReactJS コンポーネント内で event.stopPropagation() を使用して、クリック イベントがバブリングアップして、レガシー コードで JQuery にアタッチされたクリック イベントがトリガーされるのを止めようとしていますが、React の stopPropagation() は React にアタッチされたイベントへの伝播のみを停止し、JQuery の stopPropagation() は React にアタッチされたイベントへの伝播を停止しないようです。

これらのイベントでstopPropagation()を機能させる方法はありますか？私は簡単なJSFiddleこれらの動作を実証するには:

/** @jsx React.DOM */
var Propagation = React.createClass({
    alert: function(){
        alert('React Alert');
    },
    stopPropagation: function(e){
        e.stopPropagation();
    },
    render: function(){
        return (
            <div>
                <div onClick={this.alert}>
                    <a href="#" onClick={this.stopPropagation}>React Stop Propagation on React Event</a>
                </div>
                <div className="alert">
                    <a href="#" onClick={this.stopPropagation}>React Stop Propagation on JQuery Event</a>
                </div>
                <div onClick={this.alert}>
                    <a href="#" className="stop-propagation">JQuery Stop Propagation on React Event</a>
                </div>
                <div className="alert">
                    <a href="#" className="stop-propagation">JQuery Stop Propagation on JQuery Event</a>
                </div>
            </div>
        );
    }
});

React.renderComponent(<Propagation />, document.body);

$(function(){    
    $(document).on('click', '.alert', function(e){
        alert('Jquery Alert');
    });

    $(document).on('click', '.stop-propagation', function(e){
        e.stopPropagation();
    });
});