为什么我的 React Dom 渲染方法不起作用?

Why does my React Dom render method not work?

我正在构建一个 React-Django 应用程序,在我的 App 组件上,我在 render(<App />, appDiv) 的最后一行遇到了问题。 请有人能告诉我我做错了什么吗?我导入了必要的模块,这适用于我之前的项目。 我知道基于函数的组件更好,但我对基于 Class 的组件更有经验。

错误:

代码:

import React, { Component } from "react";
import { render } from "react-dom";
import HomePage from "./HomePage";

export default class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="center">
        <HomePage />
      </div>
    );
  }
}

const appDiv = document.getElementById("app");
render(<App />, appDiv);

谢谢,

狄龙B07

类型错误扩展:

尝试替换:

import { render } from "react-dom";

import ReactDOM from "react-dom";

并使用 ReactDOM.render 而不是 render