好吧,这是我编写的第一个 React 代码。 “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>
关于javascript - 首先 react 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43501943/