reactjsでstopPropagationを呼び出す方法は？

Question

クリックイベントが呼び出されないようにしたい。したがって私はコードにe.stopPropagation（）を追加しました。私はいつもコンソールに間違いがあります：Uncaught TypeError: e.stopPropagation is not a function

reactjsでstopPropagationを設定する正しい方法は何ですか？

 handleClick: function(index, e) { 
     e.stopPropagation(); 

     ... 

    }, 

Answer 1

正しい方法は.stopPropagationを使用することで、

var Component = React.createClass({ 
    handleParentClick: function() { 
    console.log('handleParentClick'); 
    }, 

    handleChildClick: function(e) { 
    e.stopPropagation(); 

    console.log('handleChildClick'); 
    }, 

    render: function() { 
    return <div onClick={this.handleParentClick}> 
     <p onClick={this.handleChildClick}>Child</p> 
    </div>; 
    } 
}); 

Example

あなたのイベントハンドラはSyntheticEvent、ブラウザのネイティブイベントの周り クロスブラウザラッパーのインスタンスが渡されます。 は、すべてのブラウザで同じように機能しますが、 stopPropagation（）やpreventDefault（）など、ブラウザのネイティブイベントと同じインターフェイスを持つ があります。 Event System