ReactDom 没有定义？

Question

我正在尝试用 reactjs 编写一个基本程序

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

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel">
        ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
        );
    </script>
</body>
</html>

以上程序运行良好。但是，当我将脚本文件中的内容移动到单独的 app.jsx 文件时，它显示未定义 reactDom 的错误。

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

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel" src="app.jsx">

    </script>
</body>
</html>

我的 app.jsx 看起来像：

ReactDom.render(
    <h1>Hello React!!!</h1>,
    document.getElementById('example')
)

Answer 1

全局是ReactDOM（注意DOM全部大写）

Answer 2

正确的语法是ReactDOM.render。

参见下面的示例：

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>


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

ReactDom 没有定义？

ReactDom is not defined?

javascript

reactjs

react-dom