在React中,函数是构建组件和处理逻辑的核心部分。React函数可以分为以下几类:
1. 函数组件
- 用途:用于定义无状态或使用Hooks的组件。
- 语法:
function MyComponent(props) { return <div>Hello, {props.name}!</div>; }
- 特点:
- 函数组件是纯函数,接收
props
并返回JSX。 - 可以使用Hooks(如
useState
、useEffect
)来管理状态和副作用。
- 函数组件是纯函数,接收
2. 箭头函数组件
- 用途:与普通函数组件类似,但语法更简洁。
- 语法:
const MyComponent = (props) => { return <div>Hello, {props.name}!</div>; };
- 特点:
- 箭头函数没有自己的
this
,适用于函数组件。 - 常用于定义小型组件。
- 箭头函数没有自己的