Question

我是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>

我无法理解这个问题。

Answer 1

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

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

1 个答案: