Reagieren onClick nicht feuern

Question

Der folgende Code funktioniert nicht. Die onClick-Ereignisse werden nie ausgelöst, aber ich sehe keine Fehler in der Browser- oder Konsolenansicht.

var React = require('react'); 

var Button = React.createClass({ 
    render: function() { 
    return (
     <div className="Button"> 
     <span className="left" onclick={function() {alert("left")}}>Left</span> 
     <span className="right" onclick={function() {alert("right")}}>Right</span> 
     <span className="middle" onclick={function() {alert("middle")}}>Middle</span> 
     </div> 
    ); 
    } 
}); 

module.exports=Button; 

I alert verwenden nur zum Testen kleine CSS

Answer 1

Sie haben einen Tippfehler in Ihrem Beispiel. Verwenden Sie 'onClick' anstelle von 'onclick'.

<span className="left" onClick={function() {alert("left")}}>Left</span> 

siehe jsfiddle für ein Arbeitsbeispiel - https://jsfiddle.net/Ltdc8qpr/1/