React 进阶面试题, 组件声明
React 进阶面试题, 组件声明
QA
Step 1
Q:: 什么是React组件声明？
A:: React组件声明是指如何定义一个React组件。React组件可以使用函数组件和类组件两种方式来声明。函数组件使用JavaScript函数定义，返回React元素。类组件使用ES6类来定义，继承自React.Component，并需要实现一个render方法返回React元素。
Step 2
Q:: 函数组件和类组件的区别是什么？
A:: 函数组件是一种更简单的组件声明方式，不包含状态和生命周期方法，通常用于渲染静态内容或基于props计算内容。而类组件则可以包含内部状态(state)和生命周期方法，可以处理复杂的逻辑和副作用。自React 16.8推出Hooks后，函数组件也可以处理状态和副作用，这使得函数组件更为普遍。
Step 3
Q:: 什么是组件生命周期？
A:: 组件生命周期是指组件从创建到销毁的整个过程。类组件有一些内置的方法可以在组件的不同生命周期阶段被调用，如componentDidMount、componentDidUpdate和componentWillUnmount等。每个生命周期方法都可以执行相应的操作，如数据获取、DOM操作或清理工作。
Step 4
Q:: 如何在函数组件中使用状态？
A:: 在函数组件中使用状态可以通过React的useState Hook来实现。useState返回一个状态变量和一个更新该状态的函数。使用useState可以让函数组件拥有状态管理的能力，类似于类组件的this.state。
Step 5
Q:: 如何在函数组件中使用副作用？
A:: 在函数组件中使用副作用可以通过React的useEffect Hook来实现。useEffect Hook接收一个函数作为参数，该函数会在组件渲染后执行。它可以用于数据获取、订阅、手动更改DOM等操作，类似于类组件中的componentDidMount、componentDidUpdate和componentWillUnmount。