首页 > 解决方案 > 为什么我的 React Dom 渲染方法不起作用?

问题描述

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

错误:

错误

代码:

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

类型错误扩展:

稍微详细一点的错误

标签: reactjsdjangorenderreact-router-domreact-dom

解决方案


尝试替换:

import { render } from "react-dom";

import ReactDOM from "react-dom";

并使用ReactDOM.render而不仅仅是render


推荐阅读