第一反应代码
问题描述:
好的,所以这是我写的第一个反应代码。 “Hello world”代码。第一反应代码
但是,它似乎没有工作。我尝试了一些答案,但没有一个为我工作。
这是代码。
<html>
<head>
<title>Some title</title>
</head>
<body>
<div id="app">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.js"></script>
<script>
ReactDOM.render(
React.DOM.h1(null, "Hello World!"),
document.getElementById("app")
);
</script>
</body>
</html>
这是我在控制台中得到的错误。
Uncaught TypeError: Cannot read property 'purgeUnmountedComponents' of undefined
at clearHistory (react-dom.js:8499)
at resetMeasurements (react-dom.js:8542)
at ReactReconcileTransaction.onBeginFlush (react-dom.js:8712)
at ReactReconcileTransaction.initializeAll (react-dom.js:14848)
at ReactReconcileTransaction.perform (react-dom.js:14815)
at batchedMountComponentIntoNode (react-dom.js:9835)
at ReactDefaultBatchingStrategyTransaction.perform (react-dom.js:14816)
at Object.batchedUpdates (react-dom.js:8862)
at Object.batchedUpdates (react-dom.js:12944)
at Object._renderNewRootComponent (react-dom.js:10029)
答
问题是,您正在使用缩小版本react
和未缩小版本react-dom
,请使用缩小或不缩小。
使用这些引用(包括精缩react
和react-dom
),它会工作:
<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>
或者这些都没有精缩:
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
运行这段代码,检查工作示例:
<html>
<head>
<title>Some title</title>
<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>
</head>
<body>
<div id="app">
</div>
<script>
ReactDOM.render(
React.DOM.h1(null, "Hello World!"),
document.getElementById("app")
);
</script>
</body>
</html>
答
您正在混合缩小和未缩小版本的react和react-dom。选择你需要的版本(缩小与否)并在两个脚本中使用它。
只能是渲染调用中'React'和'DOM'之间的'.'。它应该是'ReactDOM.render()'。 – jered