类组件和函数组件有什么区别？

老师还是没有回答我问的问题核心要点：react和vue cli 有点类似像脚手架工具  开发什么应该分别用哪个？

同学你好，问题解答如下：

1. 如果组件本身功能很简单，不需要使用声明周期函数、不需要改变state中的数据，则可以使用函数组件；即，函数组件适用于特别简单、没有复杂交互的组件。如果组件本身功能较复杂，需要使用声明周期函数，并且会操作state中的数据，则只能使用类组件。由于简单功能的组件，也可以使用类组件，所以为了方便，可以统一使用类组件。

2. react框架和vue框架，都是通过脚手架搭建的，而且对应的脚手架是固定的，不能混用。比如vue就要用vue-cli，react就要用create-react-app。不同框架，项目搭建的命令是固定的，同学要对应记住，比如搭建react项目，指令就是固定的：npx create-react-app 项目名、cd 项目名、npm start。

3. 由于react的版本不同，所以报错会有差别，如果同学那里没报错，也是正常的。建议同学体会了如何搭建项目之后，就下载源码，使用源码来完成项目，这样会保证代码结构与老师一样，方便同学学习。

    4. 由于react版本不同，项目目录、代码都会有差别。同学将reportWebVitals的引入删除后，要把调用代码也对应删除，才不会报错，如下：

祝学习愉快！

和老师的目录不一样，老师的没这个，我的有这个，我把这个删除了就报错

老师把这个删除了报错，我的没报错啊

我感觉react和vue cli 有点类似像脚手架工具  他们有什么区别？开发什么应该分别用哪个？