错误提供的 .render 不是 ReactJS 中的函数.应用程序.js 未在本地主机上正常运行

Question

索引中的代码.js

import React from "react";
import ReactDOM from "react";
import App from "./App";
ReactDOM.render(<App />, document.getElementById("root"));

应用程序中的代码.js

import React from 'react';
class App extends React.Component {
render() {
return (
<div>
<h1>App</h1>
</div>
)
}
}
export default App;

我目前正在关注一个 Youtube 教程链接：https://www.youtube.com/watch?v=khJlrj3Y6Ls

正如您将在 7：45 注意到的那样，视频创建者的代码与我相同，但是，由于某种原因，他的应用程序在运行时可以工作，而我的应用程序却不能。我是 React 的新手，并且通过 https://reactjs.org/docs/rendering-elements.html 完成本文档了解主要概念。我希望您帮助确定为什么我的应用程序无法正常工作，并且在我的本地主机上运行时，我收到以下消息：

TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.render is not a function
Module../src/index.js
src/index.js:6
3 | 
4 | import App from "./App";
5 | 
> 6 | ReactDOM.render(<App />, document.getElementById("root"));

Answer 1

如果你有同样的问题：正如Andy指出的那样，问题是你需要：

import ReactDOM from "react-dom";

以前，ReactDOM 是从 react 导入的。

这列出了更多细节;ReactJS：React.render 不是一个函数，React.createElement 也不是一个函数