在 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>;
}