反应onClick不开火

Question

以下代码不起作用.onClick事件永远不会被触发但我在browserify或console中看不到任何错误.

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;

我只使用alert来测试小CSS

Answer 1

你的例子中有一个拼写错误.使用'onClick'而不是'onclick'.

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

看一下jsfiddle的工作实例 - https://jsfiddle.net/Ltdc8qpr/1/