React函数组件的优势

React 函数组件是 React 中一种比较新的组件类型，其主要优势包括：

1. 简单易懂：React 函数组件是函数式编程的一种体现，其结构简单，易于理解和使用，尤其对于新手来说更为友好。
2. 代码可复用性：由于组件代码的可复用性，React 函数组件可以通过简单的函数调用来复用组件代码，减少了代码的重复编写。
3. 性能优化：React 函数组件相比于类组件，渲染性能更高。由于没有组件实例，可以节省内存和 CPU 使用，减少不必要的生命周期函数和组件更新。
4. 易于测试：React 函数组件一般不涉及状态管理和生命周期，其纯函数的特性使得其易于测试。
5. Hooks：React 函数组件还支持使用 Hooks，它是 React 16.8 新增的特性，使得函数组件具有了类组件的更多功能，例如状态管理和生命周期函数。同时，Hooks 的使用也使得 React 函数组件更加灵活和易用。

综上所述，React 函数组件具有结构简单、性能优化、易于测试、代码可复用性以及使用 Hooks 等优点，因此越来越受到开发者的欢迎。

函数组件的例子：

函数组件

这个组件定义了一个简易的计数器，每次点击按钮可以将计数器加 1。在函数组件中，使用 useState Hook 来定义状态，这个 Hook 可以让函数组件具有类组件的状态管理能力。使用 handleIncrement 函数来更新状态，并在组件渲染时将状态值展示出来。

通过这个示例代码可以看出，React 函数组件代码结构清晰，使用 Hooks 来管理状态，组件渲染性能高，使用起来也比较灵活方便。