javascript - react onClick 不触发

Question

以下代码无效。 onClick 事件从未触发，但我在 browserify 或控制台中没有看到任何错误。

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。为什么不触发 onclick？

Answer 1

您的示例中有错字。使用“onClick”而不是“onclick”。

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

有关工作示例，请参阅 jsfiddle - https://jsfiddle.net/Ltdc8qpr/1/