React 工具和库面试题, 什么是 React 的 getDefaultProps?它有什么作用?

React 组件的生命周期方法分为挂载、更新和卸载三个阶段。挂载阶段包括 constructor、componentDidMount 等；更新阶段包括 shouldComponentUpdate、componentDidUpdate 等；卸载阶段包括 componentWillUnmount。这些方法帮助开发者在组件的不同生命周期阶段执行特定的逻辑，如初始化数据、监听事件、清理资源等。

React 提供了两种主要的方式来处理组件状态：通过类组件的 state 和 setState 方法，或通过函数组件的 useState 钩子。状态管理是 React 的核心概念之一，状态的变化会触发组件的重新渲染，因此理解如何管理和更新状态对编写 React 应用至关重要。

props 是传递给组件的数据，用于从父组件向子组件传递信息；state 是组件内部的数据，受组件自身控制。props 是不可变的，而 state 是可变的。一般来说，props 用于传递外部数据，而 state 用于管理组件内部的动态数据。

受控组件是指表单元素的值受 React 组件状态控制的组件，通过事件处理程序更新 state 来控制表单值。非受控组件是指通过 refs 直接访问 DOM 节点来获取值的组件，通常用于简单场景。受控组件的优点是数据流更为清晰，易于管理复杂表单逻辑。

高阶组件（HOC）是一种用于重用组件逻辑的技术。它是一个函数，接受一个组件并返回一个新的组件。HOC 通常用于逻辑抽象、代码复用、条件渲染等场景，如权限控制、数据获取等。

propTypes 是 React 提供的一种类型检查工具，用于验证组件的 props 是否符合预期的类型。通过 propTypes，可以在开发过程中捕获到传递给组件的 props 类型不正确的问题，从而提高代码的健壮性。

在 React 中，可以通过定义 propTypes 属性来进行类型检查。示例代码如下：

 
import PropTypes from 'prop-types';
 
function MyComponent({ text }) {
  return <div>{text}</div>;
}
 
MyComponent.propTypes = {
  text: PropTypes.string,
};
 

React 的 context 是一种在组件树中传递数据的方法，而不必显式地通过每层组件传递 props。context 主要用于在多个组件之间共享诸如主题、语言或授权信息等全局数据。

使用 context 包括创建 context、提供 context 和消费 context。首先通过 React.createContext 创建一个 context，然后在上层组件通过 Context.Provider 提供 context，在下层组件通过 Context.Consumer 或 useContext 钩子来消费 context。

状态提升是指将需要共享的 state 从多个组件中提取出来，提升到它们的共同父组件中进行管理。这样做的目的是为了让状态可以在多个组件之间共享，以避免状态不一致的问题。