Question

我刚刚开始研究ReactJS（除了jQuery以外，对任何JavaScript库或框架都没有真正的经验。

我关注了ReactJS网站上的以下页面（https://reactjs.org/docs/add-react-to-a-website.html和https://reactjs.org/docs/hello-world.html），但是我仍然遇到相同的错误：

Uncaught SyntaxError: Unexpected token <

我真的不知道是什么原因造成的，当我在CodePen中使用此代码时，它工作得很好。我是否需要在索引中添加几个其他的JS文件？

当前文件：

HTML

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>

<div id="root"></div>

<!-- Scripts -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<script src="js/scripts.js" type="text/javascript"></script>
</body>
</html>

JS

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

谢谢大家！

PS：添加导入React和导入ReactDOM时，出现意外的标识符错误。

Answer 1

主要问题是您缺少React.createElement（），因此您的<h1>Hello, world!</h1>被解释为纯文本。

ReactDOM.render(React.createElement('h1', null, 'Hello World'),
  document.getElementById('root')
);

将代码更改为此，它应该可以工作。

：）

ReactJS Starter-意外令牌JSX

1 个答案: