这肯定是一个版本问题，如果你是新开始，我建议你React component通过扩展React.Component而不是使用来创建一个，React.createClass因为它从版本16.0开始不推荐使用并且已经被移到一个单独的包中'create-react-class'，@Dream_Cap也提到

还使用 ES6 语法进行导入。你会修改你的代码

import React from 'react';

export default class App extends React.Component {
    render(){
       return(
           <div>
               <h1> the list  </h1>
           </div>   
        )
     }
}

根据文档，您需要获取 npm create react 类包。从你的项目文件路径的命令行，你需要做npm install create-react-class --save，然后像这样修改代码：

var React = require('react');
//You need this npm package to do createReactClass
var createReactClass = require('create-react-class');

    module.exports=createReactClass({
            render:function(){
                return(
                    <div>
                        <h1> the list  </h1>
                    </div>   
                )
            }

你还需要 React DOM 来渲染这样的组件：

npm install react react-dom
var ReactDOM = require('react-dom');
ReactDOM.render(<GroceryItemList/>,app);

如果你收到一个错误，指出这React.creatClass是一个未定义的函数，那是因为较新版本的 React 不支持它。

您可以尝试以下步骤。

安装create-react-classnpm 包：

npm install --save-dev create-react-class

然后在变量下新建一个ReactDom变量：

var createReactClass = require('create-react-class');

现在不用React.createClass()为组件使用createReactClass()var。

示例：替换此：

var TodoComponent = React.createClass({
    render: function() {
        return(`<h1>`Helloooo`</h1>`);
    }
});

有了这个：

var TodoComponent = createReactClass({
    render: function() {
        return(`<h1>`Helloooo`</h1>`);
    }
});

感谢所有帮助。这就是最终答案的样子：1) 使用 react-dom 进行渲染

 var ReactDOM = require('react-dom');
  var List=require('./components/List.jsx');
  ReactDOM.render(<List/>,app);

2) 使用 create-react-class (not react) 并导出它 ' module.exports= createReactClass({.... 而不是module.exports=React.createReactClass(这给出了一个错误 'createReactClass' is not a function

再次感谢大家！'

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

const App = function(){};
App.prototype = Object.create(Component.prototype);
App.prototype.render = function(){
     return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
     )
   }
export default App;

通过这种方式，您可以避免 Class 关键字