Question

我设置了一个标准的HTML页面并导入了react和babel .js文件，以便学习如何使用React框架。不幸的是，我无法得到以下示例。我没有使用grunt或其他运行器来编译JSX代码，所以我导入了broswer.min.js文件。

你能看出我做错了什么吗？我并不担心性能，我只是想将这个应用程序用于学习目的，所以我宁愿不让本地运行程序编译JSX代码，这会增加设置的复杂性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>React Test!</title>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-dom.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
</head>
<body>

    React Test...
    <hr>

    <div id="example"></div>

    <script type="text/babel">
        ReactDOM.render(<h1>Hello, it works!</h1>, document.getElementById('example'));
    </script>

</body>
</html>

React不会加载DOM元素

0 个答案: