为什么在我的helloworld程序中没有定义ReactDOM？

Question

为什么在我的helloworld程序中没有定义ReactDOM？

我是Reactjs的新学习者.我试图在浏览器中执行hello world程序.但是我收到了一个错误.即

react-dom.min.js:12未捕获的TypeError:无法读取未定义的属性'__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'

我的代码是

<!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-dom.min.js"></script> 
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.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>

Run Code Online (Sandbox Code Playgroud)

我无法理解这个问题.

Answer 1

Mah*_*ahi 5

在react.min.js之后使用react-dom.min.js

<!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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，3 月前
查看次数：	940 次
最近记录：	9 年，3 月前