React组件开发——类组件与函数组件

文章四：React 组件开发——类组件与函数组件

在 React 中，组件是构建应用的基本单元。组件分为类组件和函数组件两种形式，它们各有特点和适用场景。下面我们就来详细学习这两种组件的开发。

一、类组件

类组件是通过 ES6 类来定义的。以下是一个简单的类组件示例：

import React, { Component } from'react'; class HelloWorld extends Component { render() { return ( <div> <h1>Hello from Class Component!</h1> </div> ); } } export default HelloWorld;

在类组件中，必须包含一个 render 方法，该方法返回一个 JSX 元素，用于描述组件的 UI。

类组件还可以有自己的状态（state）和生命周期方法。例如，我们可以添加一个状态来动态显示消息：

import React, { Component } from'react';