React use::

挂载组件

示例

示例

在React中,挂载(mounting)是指将组件添加到DOM中的过程。通过使用ReactDOM.render()方法,我们可以将组件挂载到页面上的指定元素中。

import React from 'react';
import ReactDOM from 'react-dom';
 
class App extends React.Component {
  render() {
    return <h1>Hello, World!</h1>;
  }
}
 
ReactDOM.render(<App />, document.getElementById('root'));

在上面的例子中,我们创建了一个App组件,并使用ReactDOM.render()方法将其挂载到id为’root’的HTML元素上。这样,页面上就会显示出”Hello, World!”这个标题。

在React中,挂载组件是非常常见且重要的操作,它使得我们可以动态地更新页面内容并与用户进行交互。因此,在开发React应用程序时,请务必熟悉如何挂载组件以及如何管理组件的生命周期。

指向原始笔记的链接