Javascript 反应-合成错误：意外标记<；_Javascript_Reactjs_Express_Pg

Javascript 反应-合成错误：意外标记<；

javascript reactjs express

Javascript 反应-合成错误：意外标记<；,javascript,reactjs,express,pg,Javascript,Reactjs,Express,Pg,我想在我的项目中使用Express、pg和react。但请给我一些问题 index.js var express = require('express'); var server = express(); var path = require('path'); var app = require('./app/app.js'); server.get('/', function (req, res) { res.sendFile(path.join(__dirname + '/pub

我想在我的项目中使用Express、pg和react。但请给我一些问题

index.js

var express = require('express');
var server = express();
var path = require('path');
var app = require('./app/app.js');

server.get('/', function (req, res) {
    res.sendFile(path.join(__dirname + '/public/index.html'));
});
server.listen(3000, function () {
    console.log("server is running on port 3000!");
});

var connexionDB = require('./db/connexionAvecPg');

app.js

var react = require('react');
var {render} = require('react-dom');

var App = react.createClass({
    render: function () {
        return(
                <div>
                    <p>test</p>
                </div>
                );
    }
});

render(
        <App/>,
        document.getElementById('root')
        );

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

class App extends React.component{
    render() {
        return React.createElement('div', null, 'Test');
    }
};

ReactDOM.render(
        React.createElement(App, null),
        document.getElementById('root')
        );

但我有一个：

/home/josue/im-expressandpg/app/app.js:14
class App extends React.component{
                       ^

TypeError: Class extends value undefined is not a constructor or null

---\编辑2/---

Thx给PSo我看到了我的错误。我改变了这一点：

class App extends React.component{

为此：

class App extends React.Component{

当我执行时：

/home/josue/im-expressandpg/app/app.js:17
        document.getElementById('root')
        ^

ReferenceError: document is not defined

如果我加上：

var document = require('./../public/index.html');

我得到：

/home/josue/im-expressandpg/public/index.html:1
(function (exports, require, module, __filename, __dirname) { <!doctype html>
                                                              ^
SyntaxError: Unexpected token <

/home/josue/im expressandpg/public/index.html:1
（函数（导出、要求、模块、_文件名、_目录名）{
^
SyntaxError:意外标记<

要使用JSX语法，必须传输代码。可以用作传输工具。如果不想使用任何传输工具，则应使用

react.createElement（）

函数。

删除代码的下部，这是渲染函数的副本。请记住导出它以供以后使用

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

class App extends React.Component{
    render() {
        return React.createElement('div', null, 'Test');
    }
};

export default App;

我做了一些修改，你能看到吗？没有ES6，使用

react.createClass

来定义一个组件，就像你最初做的那样。使用大写字母C表示：react.component，但我只需要一个react文件（目前）。我必须在某个地方进行ReactDOM.render，对吗？谢谢你的帮助。