React - Syntaxerror:意外的标记<
React - Syntaxerror:意外的标记<
提问于 2017-02-21 17:10:23
我想在我的项目中使用Express，pg和react。但是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')
);(是的，它是ES5，但我有理由使用它，而不是ES6-7)
我的代码出了什么问题？我是不是忘了什么？感谢您的宝贵时间。
-\编辑/
在Ming Soon的回答之后，我尝试了一下：
app.js
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/
谢谢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 <回答 2
Stack Overflow用户
发布于 2017-02-21 17:15:52
要使用JSX语法，必须转换代码。Babel可以用作转译器。如果你不想使用任何转译器，那么你应该使用react.createElement()函数。
Stack Overflow用户
发布于 2017-02-21 18:22:18
删除代码的较低部分，即render函数的副本。并记得将其导出以供以后使用。
var React = require('react');
var ReactDOM = require('react-dom');
class App extends React.Component{
render() {
return React.createElement('div', null, 'Test');
}
};
export default App;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42363013
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号