javascript - onClick =""没有出现在用 React 制作的实际元素上。

Question

我正在制作一些具有这样 react 的元素:

var AddNewTask = React.createClass({
  handleClick: function() {
   console.log('pressed!');
  },
  render: function() {
    return (
      <div className="addNewTask" onClick={this.handleClick}>
        <i className="material-icons">add</i>
      </div>
    );
  }
});

但在实际呈现的 html 页面上，此 div 不包含 onClick 属性。只是看起来像这样。

<div class="addNewTask" data-reactid=".0.2">
  <i class="material-icons"  data-reactid=".0.2.0">add</i>
</div>

如何让它出现？

Answer 1

它不会出现在呈现的 HTML 中，因为处理程序附加到 DOM 元素本身。 React 还规范了跨浏览器的事件系统，使其行为一致。我建议在官方文档中阅读它的工作原理:https://facebook.github.io/react/docs/events.html