Реакция onClick not firing

Question

Следующий код не работает. События onClick никогда не запускаются, но я не вижу ошибок в браузере или консоли.

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; 

Я использую оповещение только для тестирования небольшой CSS

Answer 1

У вас есть опечатка в вашем примере. Используйте «onClick» вместо «onclick».

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

см jsfiddle для рабочего примера - https://jsfiddle.net/Ltdc8qpr/1/