React 组件：前端开发的世界公民

React 组件：前端开发的世界公民

React 是一种流行的 JavaScript 库，用于构建用户界面。作为前端开发的关键工具之一，React 提供了一种组件化的开发模式，使得构建复杂的用户界面变得简单而高效。本文将介绍 React 组件的概念，展示如何创建和使用它们，并提供一些示例代码来帮助读者更好地理解。

什么是 React 组件？

在 React 中，组件是构建用户界面的基本单元。它们将用户界面拆分为独立、可重用的部分，每个部分都有自己的状态和行为。组件可以是简单的按钮或表单输入框，也可以是更复杂的列表或交互式图表。

React 组件可以分为两种类型：函数组件和类组件。函数组件是一个纯函数，接收一些输入（称为 props）并返回一个 React 元素作为输出。类组件是一个 ES6 类，继承自 React.Component，并通过实现一个 render() 方法来定义组件的输出。

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

function Welcome(props) {
  return <h1>Hello, {props.name}!</h1>;
}

这个组件接收一个名为 name 的 prop，并在渲染时将其插入到 <h1> 元素中。

下面是一个相同功能的类组件示例：

class Welcome extends React.Com