React 函数组件和类组件的优缺点

函数组件（Functional Component）和类组件（Class Component）是React中两种不同的组件写法。

函数组件是以一个React函数作为组件，它接收props作为参数并返回一个React元素。

import React from 'react';
 
function FunctionalComponent(props) {
  return <div>{props.message}</div>;
}

类组件是使用ES6类来创建组件，它们可以管理自己的状态，并处理生命周期事件。

import React, { Component } from 'react';
 
class ClassComponent extends Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }
 
  render() {
    return <div>{this.state.count}</div>;
  }
}

函数组件的优点：

1. 无需声明类，代码更简洁。
2. 无状态组件，处理更为轻量，执行速度更快。
3. 自2019年后，React团队主推函数组件。

类组件的优点：

1. 可以管理自己的状态，有更多控制权。
2. 支持更多生命周期方法，如组件DidMount、componentDidUpdate等。
3. 如果需要使用到生命周期方法或状态，类组件更为适合。

综上所述，函数组件适用于那些不需要管理状态、不依赖生命周期方法或者仅为渲染输出的组件，而类组件适用于需要管理状态、响应用户交互等复杂组件。在新的React应用中，通常推荐使用函数组件，因为它们更简单，学习曲线更平滑，并且有更好的性能。