Come chiamare stopPropagation in reactjs?

Question

Voglio interrompere l'evento click da pasticciare. Pertanto ho aggiunto e.stopPropagation() nel mio codice. Ho sempre un errore nella console, che dice: Uncaught TypeError: e.stopPropagation is not a function

Qual è il modo giusto per impostare stopPropagation in reactjs?

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

     ... 

    }, 

Answer 1

Il modo giusto è quello di utilizzare .stopPropagation,

casi verrà passato

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

I suoi gestori di eventi di SyntheticEvent, un involucro cross-browser intorno evento nativo del browser . Ha lo stessa interfaccia dell'evento nativo del browser, incluso stopPropagation() e preventDefault(), eccetto che gli eventi funzionano allo stesso modo su tutti i browser, . Event System