简述类组件和函数式组件的区别 ？
React提供了两种主要的方式来定义组件：类组件（Class Components）和函数组件（Function Components）。
类组件（Class Components）
类组件是使用ES6类来定义的，它必须扩展React.Component，并定义一个render方法，该方法返回一个React元素。类组件支持本地状态（也就是this.state）和生命周期方法（如componentDidMount）。
class Welcome extends React.Component {
constructor(props) {
super(props);
this.state = { name: 'John' };
}
render() {
return <h1>Hello, {this.state.name}</h1>;
}
}
函数组件（Function Components）
函数组件是一个接收props并返回React元素的函数。在React 16.8及其之后的版本中，函数组件通过使用Hooks还可以支持本地状态和生命周期方法。
function Welcome(props) {
const [name, setName] = React.useState('John');
return <h1>Hello, {name}</h1>;
}
主要区别：
- 类组件需要使用
this关键字来访问props和状态，而函数组件则可以直接访问这些值。 - 原来只有类组件可以使用的特性，比如状态和生命周期方法，现在函数组件通过Hooks也可以使用。
- 函数组件通常更简洁，更易于测试和理解。
- 类组件目前仍然支持一些尚未在函数组件中提供的特性，比如错误边界。