react的函数组件类组件

React的函数组件和类组件都是创建React组件的两种方式。

函数组件是使用函数来创建组件的方式。它们是无状态的，没有实例，也没有生命周期方法。函数组件只接收props作为参数，并返回一个React元素。

示例：

function Greeting(props) {
  return <h1>Hello, {props.name}!</h1>;
}

类组件是使用类来创建组件的方式。它们是有状态的，有实例，并且可以使用生命周期方法。类组件必须继承React.Component类，并实现render()方法返回一个React元素。

示例：

class Greeting extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}!</h1>;
  }
}

虽然函数组件没有状态和生命周期方法，但是它们在性能上比类组件更优，因为它们没有实例和额外的开销。在React 16.8版本中，引入了Hooks，可以在函数组件中使用状态和生命周期方法，使得函数组件更加强大和灵活。