React JS应用程序- Uncaught SyntaxError: Unexpected token <

React JS app - Uncaught SyntaxError: Unexpected token <

本文关键字：token Unexpected SyntaxError JS 应用程序 Uncaught React      更新时间：2023-09-26

我的代码在<div>Hello World!</div>行抛出语法错误

这是我的代码

<!DOCTYPE html>
<html>
<head>
    <script src="libs/react.min.js"></script>
    <script src="libs/react-dom.min.js"></script>
</head>
<body>
    <div id="main">
    </div>
<script>
    var MessageComponent = React.createClass({
        render: function() {
            return (
                <div>Hello World!</div>
            );
        }
    });
    ReactDOM.render(
        <MessageComponent message="Lorem" />,
        document.body
    );
</script>    
</body>
</html>

有什么问题吗?

您正在使用JSX语法糖来构建您的UI组件，而浏览器不理解。

你必须先把它翻译成JS才能工作

我在页面中添加了Babel 

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>

并将type="text/babel"添加到脚本标记中。

相关文章：