反應語法錯誤

Question

我正在按照教程構建一個基本的反應應用程序（第一次使用react），當我嘗試使用nodemon運行時出現以下錯誤：

SyntaxError: Unexpected token <

違規的<在main.js文件中

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

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

正如我所說，我是新手做出反應 - 是否有任何方式圍繞使用<here？ 我根據教程說明縮小了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>

點擊此處獲取更多信息