React onClick không kích hoạt

Question

Mã sau đây không hoạt động. Các sự kiện onClick không bao giờ được kích hoạt nhưng tôi không thấy lỗi trong trình duyệt hoặc bảng điều khiển.

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; 

tôi sử dụng cảnh báo chỉ để thử nghiệm CSS nhỏ

Answer 1

Bạn có một lỗi đánh máy trong ví dụ của bạn. Sử dụng 'onClick' thay vì 'onclick'.

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

thấy jsfiddle cho một ví dụ làm việc - https://jsfiddle.net/Ltdc8qpr/1/