React

React Hoods(useState,useEffect,useCallback…)

useCallback是 React 提供的一个性能优化 Hook，用于缓存函数引用。当依赖数组中的值没有发生变化时，多次组件 render 会返回同一个函数引用；当依赖发生变化时，才会返回新的函数。它最常见的使用场景是和 React.memo 配合，避免父组件重新渲染时，因为函数引用变化导致子组件不必要的重新渲染。另外，当一个函数作为 useEffect 等 Hook 的 dependency 时，也可以使用 useCallback 保持函数引用稳定。使用时最重要的是正确维护 dependency array，避免 stale closure。并且不能滥用 useCallback，因为它本身也是一种性能优化机制，不是所有函数都需要缓存。

类组件是基于 ES6 Class 实现的组件，通过 this.state 管理状态，通过 this.setState 更新状态，并通过 componentDidMount、componentDidUpdate、componentWillUnmount 等生命周期方法管理组件生命周期。 函数组件本质上是 JavaScript 函数，通过 Hooks，例如 useState 管理状态，通过 useEffect 处理副作用和生命周期相关逻辑。类组件需要处理 this 绑定，代码相对复杂；函数组件没有 this，代码更加简洁，并且可以通过 Custom Hooks 很方便地复用业务逻辑。

传子用 props，子传父用 callback，兄弟组件通常通过共同父组件传递；跨层级可以用 Context，更复杂的全局状态可以用 Redux/Zustand 等状态管理方案。