React 组件 API

React 组件 API

引言

React 是一个用于构建用户界面的 JavaScript 库，它允许开发者以声明式的方式构建高效的 UI。React 组件是 React 的核心概念之一，它们是构建 React 应用程序的基本构建块。本文将详细介绍 React 组件的 API，包括组件的类型、属性、生命周期方法以及如何使用它们来构建强大的用户界面。

组件类型

React 提供了两种主要的组件类型：类组件和函数组件。

类组件

类组件使用 ES6 的类（Class）语法来定义。它们通常具有以下特点：

• 继承自React.Component类。
• 可以使用state和props。
• 可以定义生命周期方法。

以下是一个简单的类组件示例：

class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name}!</h1>; } }

函数组件

函数组件使用 JavaScript 函数来定义。它们通常具有以下特点：

• 不需要继承自React.Component。
• 不能直接使用state。
• 可以使用useState和useEffect等钩子（Hooks）来管理状态和副作用。

以下是一个简单的函数组件示例：

const Welcome = (props) => { return <h1>Hello, {props.na