react事件未触发

IT技术 javascript reactjs
2021-05-01 06:36:34

在使用<img>标签并熟悉 React 时,我发现 myonLoadonError事件没有触发。在将我的用法简化为最基本的 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;
})();
1个回答

我终于想通了!

在 中example.jsx,我意识到require()在使用 React 之前我没有使用它:

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

事后看来,这似乎很明显。