为什么我的 React Dom 渲染方法不起作用？答案

【问题标题】：Why does my React Dom render method not work?为什么我的 React Dom 渲染方法不起作用？
【发布时间】：2021-11-06 07:47:54
【问题描述】：

我正在构建一个 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

TypeError 展开：

【问题讨论】：

标签： reactjs django render react-router-dom react-dom

【解决方案1】：

尝试替换：

import { render } from "react-dom";

与

import ReactDOM from "react-dom";

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

【讨论】：

感谢您的帮助，但我得到了完全相同的错误。我清除了我的缓存，问题仍然存在，所以它不是上次的遗留问题。
现在我正在查看它。错误在文件 react-router.js 中。你在你的项目中使用 react-router。如果是，您能否使用组件中的 React Router 代码更新问题？
抱歉回复晚了。我已将整个内容上传到 GitHub。它不是很完整，但是所有与 JS 相关的东西都在 frontend 文件夹中。 github.com/dbarnes18/Portfolio
现在我明白了。 home-page.js，第 43 行。而不是 <Route exact path="/" render={this.renderHomePage()} /> 使用 <Route exact path="/" component={this.renderHomePage()} /> 这就是未定义渲染的来源。并尝试删除this.renderHomePage周围的（）我不确定它是否会起作用->尝试{this.renderHomePage}
很高兴能帮上忙。而对于未来。在错误中，某处提到了反应路由器。所以试着看看你在哪里使用这些组件