gpt4 book ai didi

javascript - ReactDom 没有定义?

转载 作者:行者123 更新时间:2023-11-30 07:13:05 24 4
gpt4 key购买 nike

enter image description here我正在尝试用 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')
)

最佳答案

全局是ReactDOM(注意DOM全部大写)。

关于javascript - ReactDom 没有定义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44983468/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com