React函数组件和类组件

在 React 中，函数组件是使用 JavaScript 函数定义的组件。函数组件是最基本和最常见的 React 组件类型，通常用于渲染 UI 和处理简单的逻辑。

与类组件相比，函数组件更简洁、易于理解，且性能更高，因为它没有类组件中的生命周期方法和实例化的开销。

1. 函数组件的基本结构

函数组件是一个普通的 JavaScript 函数，它接收 props 作为参数，并返回 JSX（React 的 UI 描述语法）。函数组件不需要继承 React.Component，且没有 this。

示例：

import React from 'react';

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