render()函数在react组件中的作用是什么？

Question

我是reactjs的新手,并且混淆了在组件类中使用render函数并使用ReactDOM全局​​对象.

这个问题的答案没有完全解决render()类组件中函数的使用问题.在reactjs官方网站上,我找到了不使用render方法的功能组件.所以我的观点是render()创建组件时角色函数的作用[如下例所示].

我正在学习 本教程.我认为使用渲染与ReactDOM创建虚拟Dom,但在所有组件类中使用它.来自react的官方教程render()用于所有组件类.

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

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

Answer 1

renderfunction是react组件的一部分,lifecyle其中ReactDOM是类对象,它公开了一个名为render的方法,用于将React JSX内容呈现到DOM中.

通常,您将ReactDOM.render在App中使用一次来渲染顶级组件,所有其他组件将是顶级组件的子级

ReactDOMinstance是您从中导入的'react-dom',它不是全局对象.

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