Блог

Главная - Вопросы по программированию - почему ReactDOM не определен в моей программе helloworld?

почему ReactDOM не определен в моей программе helloworld?

#javascript #html #reactjs

#javascript #HTML #reactjs

Вопрос:

Я новый ученик Reactjs. Я пытаюсь запустить программу hello world в браузере. Но я получил ошибку. то есть

react-dom.min.js: 12 Неперехваченная ошибка типа: не удается прочитать свойство ‘__SECRET_DOM_DO_NOT_USE_ИЛИ_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>

Я не могу понять, в чем проблема.

Ответ №1:

Использовать react-dom.min.js после react.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>

Комментарии:

1. Я понял. Спасибо …:)

Метки: