Question

在使用<img>代码并熟悉React时，我发现我的onLoad和onError事件并未触发。在将我的使用简化为最基本的React组件之后，我仍然发现事件没有被触发。

在以下组件中，我希望单击呈现的<div>以登录控制台。它渲染得很好，但点击后没有任何反应。我错过了什么吗？

我在OS X 10.10.2上的Chrome 40.0.2214.111下使用React 0.12.2，代码由webpack 1.5.3和jsx-loader 0.12.2打包。

/** @jsx React.DOM */

module.exports = (function () {
  'use strict';
  var React = require('react');
  var SomeComponent = React.createClass({
    displayName: 'SomeComponent',
    doSomething: function (e) {
      console.log('did something');
    },
    render: function () {
      return (
        /* jshint ignore:start */
        <div onClick={this.doSomething}>Do Something</div>
        /* jshint ignore:end */
      );
    }
  });
  return SomeComponent;
})();

Answer 1

我终于明白了！

在example.jsx中，我意识到在使用之前我并没有require()使用React：

var React = require('react');
var SomeComponent = require('./some-component.jsx');
React.render( ... );

事后看来这很明显。

反应事件未触发

1 个答案: