Uncaught TypeError: React.createClass is not a function

Question

var React = require('react');

var ReactDOM = require('react-dom');

var ExampleApplication = React.createClass({

  render: function() {

    var elapsed = Math.round(this.props.elapsed  / 100);

    var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );

    var message =

      'React has been successfully running for ' + seconds + ' seconds.';

    return React.DOM.p(null, message);

  }

});

// Call React.createFactory instead of directly call ExampleApplication({...}) in React.render

var ExampleApplicationFactory = React.createFactory(ExampleApplication);

var start = new Date().getTime();

setInterval(function() {

  ReactDOM.render(

    ExampleApplicationFactory({elapsed: new Date().getTime() - start}),

    document.getElementById('example')

  );

}, 50);

<div id="example">123</div>

<script src="./src/bundle.js"></script>

Answer 1

最新的react版本中React.createClass创建组件的方式已被弃用了,教程会给你整个代码,拿到它的 package.json 文件,这里面有教程里使用的react版本,替换自己的,然后 npm 安装就好了.再看看新的react组件创建方式.