react函数组件使用

React函数组件是一种轻量级、简洁的方式来创建React组件。它与传统的类组件相比，不需要使用`class`关键字，而是直接定义一个纯函数，这个函数通常接收props作为输入，并返回React元素。其核心结构通常是这样的：

function ExampleComponent(props) {
  // 组件内部逻辑
  const message = 'Hello, world!';
  
  return (
    <div>
      {message}
    </div>
  );
}

函数组件的优势包括：
1. **更易理解**：它们通常比类组件代码更简洁，因为它们不包含状态管理和生命周期方法。
2. **性能优化**：函数组件可以利用React的`PureComponent`优化，当props不变时，会自动复用已渲染的实例，提高性能。
3. **易于测试**：由于没有实例状态，可以直接对函数进行单元测试。

使用函数组件的一些建议：
1. 使用默认参数处理通用情况。
2. 使用箭头函数避免this的问题。
3. 避免在函数体内部声明state，尽可能保持无状态。