Question

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

此question的答案未完全解决在类组件中使用render()函数的问题。在reactjs官方网站上，我找到了不使用render方法的功能组件。所以我的观点是render()函数在创建组件时所起的作用[如下例所示]。

我正在关注this教程。我认为使用渲染与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

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

一般情况下，您可以在App中使用ReactDOM.render一次渲染顶级组件，所有其他组件将是顶级组件的子级

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

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

render（）函数在react组件中的作用是什么？

1 个答案: