javascript - 类组件运行两次而函数只运行一次，为什么？

Question

我对这段代码有疑问。编译时，它会在控制台中显示两次消息……我输入的任何代码都会发生这种情况，当我调用方法时也是如此。就好像该组件在上课时运行了两次。当它是一个函数时它不会发生，取决于它是否只执行一次......不是“Hello world”的消息出现两次，只有一个出现。但就好像组件在类时更新或重新加载，我在控制台中收到两次消息。我是新来的反应，我希望你能帮我解决这个问题。

import React, { Component } from 'react'

 class Page extends Component {
    getMessage(){
        console.log("hello1")
    }
    render(){console.log("hello2")
        return (
            <div>
                <h2>Hello world</h2>
                {this.getMessage()}
                
            </div>
        )
    }
}
export default Page;

标签： javascriptreactjsclasscomponents

Answer 1

请在此处查看我的解决方案。

它只显示一次控制台。

（我已经删除了 StrictMode，并且效果很好。）