React/教程/组件教程

React 组件教程是学习 React 的基础部分。在本文中，我们将介绍 React 组件的基本概念、组件类型以及如何使用组件构建应用。

组件基础

React 中的组件是构建用户界面的基石。组件可以是一个函数或一个类，它们接收 props 作为输入，并返回一个 React 元素。

函数组件：一个简单的 JavaScript 函数，它接受 props 并返回一个 React 元素。
类组件：一个扩展了 React.Component 的 JavaScript 类，它同样接受 props 并返回一个 React 元素。

组件类型

React 中的组件分为两种类型：类组件和函数组件。

类组件：通常用于更复杂的状态管理和生命周期方法。

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

函数组件：使用 ES6 语法，更简洁，是 React 16.8 以后推荐使用的组件类型。
```
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
```

组件示例

以下是一个简单的 React 应用，它使用函数组件来展示欢迎信息。

import React from 'react';

function App() {
  return (
    <div>
      <Welcome name="Alice" />
      <Welcome name="Bob" />
    </div>
  );
}

export default App;

图片示例

了解更多关于 React 的信息

以上内容为您提供了 React 组件的基本教程。希望这能帮助您更好地理解和使用 React。