React 组件中的 render() 函数的作用是什么？ [复制]

我是 ReactJS 的新手，对组件类中渲染函数的使用以及 ReactDOM 全局对象的使用感到困惑。

对此的回答question https://stackoverflow.com/questions/33465674/render-function-in-reactjs没有完全解决使用render()类组件内部的函数。在reactjs官方网站上，我发现功能组件不使用渲染方法。所以我的观点是角色是什么render()创建组件时播放的函数[如下例所示]。

我正在关注this https://reactjs.org/tutorial/tutorial.html教程。我认为使用 ReactDOM 渲染会创建虚拟 Dom，但它在所有组件类中有何用处。参考react官方教程render()用于所有组件类。

class Square extends React.Component  {
    render() {
        return(
            <button className="Square">
                {this.props.value}
            </button>
        );
    }
}

ReactDOM.render(
  <Game />,
  document.getElementById('root')
);

render函数是反应组件的一部分lifecyle其中 ReactDOM 是类对象，它公开了一个名为 render 的方法，该方法用于将 React JSX 内容渲染到 DOM 中。

一般来说你会使用ReactDOM.render一旦在您的应用程序中渲染顶级组件，所有其他组件都将成为顶级组件的子组件

ReactDOM实例是您导入的实例'react-dom'，它不是一个全局对象。

React 组件会经历许多安装和更新生命周期方法，并决定在渲染函数中渲染数据。您在 render 方法中编写的任何 JSX 代码都会转换为React.createElement(tag, props, children)在渲染到 DOM 之前。