类组件和函数式组件的区别

原理、状态、生命周期、使用方式

类组件

● 类组件：构造，getDSfromProps, cDidMount,shouldCUpdate,cDidUpdate,cWillUnmounted....

● 函数组件：用 useEffect 代替 cDidMount，cDidUpdate，cWillUnmounted

类组件场景

ErrorBoundary

原理

分别基于 class extends React.Component 和 function

state

● 类组件使用 setState 定义组件的内部状态 ● 函数式组件一开始没有自己的状态，只能通过 props 传递外部的数据，有 hooks 后使用 useState

使用方式

● 类组件：实例化后调用 render ● 函数组件：执行即是渲染