反应语法错误

Question

我正在按照教程构建一个基本的反应应用程序（第一次使用react），当我尝试使用nodemon运行时出现以下错误：

SyntaxError: Unexpected token <

违规＆lt;在main.js文件中

var React = require('react');
var App = require('./components/App');

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

正如我所说，我有新的反应 - 是否有任何方式使用＆lt;这里？我根据教程说明缩小了js。

Answer 1

您的React JSX代码可以存放在单独的文件中。让我们为您的文件命名app.js

文件内容：

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

然后从HTML文档中引用它：

<script type="text/babel" src="app.js"></script>

点击here获取更多信息