我刚开始react，我正在尝试用它开发一个简单的网络应用程序，但出现错误。当我加载一个类组件时，我的构造函数被调用了两次你能帮忙吗？

Home.js


import React from 'react'
import Land from "../Land";

function Home() {
    return (
        <div>
            <h1>Home!</h1>
            <Land/>
        </div>
    )
}

export default Home

Partial Land.js

import React, { Component } from 'react'
import Login from "./Login";

class Land extends Component {
    constructor(props) {
        super(props)
        this.state = {

        }
        console.log("LAND")
    }

原木 LAND 被击中两次。在某些组件中，我希望进行命中数据库的 API 调用，但我只想命中一次。在许多情况下，使用componentDidMount并不方便，因为props只出现在componentDidMountid之后才出现，因此 id 喜欢调用 in render（我不会使用 setState，这会导致重新加载渲染）。

提前致谢