usememo？usememoizedfn！
本文目录一览：
- 1、react中useState、setState、usemeno、meno区别
- 2、应该在何时使用usememo,usecallback,react.memo这三个api?
- 3、react_hooks系列04_useMemo
react中useState、setState、usemeno、meno区别
1、在React中，useState、setState、useMemo、memo的区别如下：useState：功能：用于在函数组件中添加状态。操作性质：同步操作，直接修改组件内部状态。使用场景：适用于简单的状态管理。setState：功能：在类组件中用于更新状态。操作性质：异步操作，将状态改变的逻辑异步执行并最终更新组件。
2、在React中，`useState`与`setState`主要与状态管理相关。`useState`是同步操作，直接修改组件内部状态，而`setState`则是异步操作，它将状态改变的逻辑异步执行并最终更新组件。当您调用`setState`时，React在下一次渲染之前将所有状态更新放入队列中，并在队列中的所有更新完成并应用到DOM后进行渲染。
3、setState：类组件中更新状态的方法。useState：函数组件中声明和更新状态的Hook。子组件监听父组件props变化：通过组件的更新机制和回调函数进行状态同步。usememo：优化性能，仅在依赖项变化时重新计算值。React Component和PureComponent区别：Component：默认进行深度比较。
4、React和Vue的组件模型不同，Vue会直接映射数据到UI上，而React则通过`setState`来更新状态，并进行局部更新。在处理复杂状态时，React可以通过`setState`自动合并状态属性，而Vue则不会自动合并。在事件处理方面，React使用`this`来引用组件实例，而Vue则使用自定义事件处理器。
应该在何时使用usememo,usecallback,react.memo这三个api?
1、useCallback容易被过度使用，常见误解是仅为避免渲染时创建匿名函数。实际，useCallback用于缓存函数，防止子组件的memo失效，而非单纯避免匿名函数创建。有开发者出现过使用useCallback却无实际作用的情况。正确的使用方式是，对复杂计算使用useMemo缓存结果，避免重复计算；对防止子组件memo失效使用useCallback缓存函数。
2、React.memo用于记忆组件渲染结果，避免重复渲染。当组件的props不变时，React.memo将复用上次渲染的结果，从而提高性能。useMemo用于缓存函数执行结果，避免在每次渲染时重复执行高耗时函数。它可以接受依赖项数组，当这些依赖项改变时才重新计算结果。
3、useCallback 是一个特殊的 useMemo，它用于缓存函数。当依赖项发生变化时，才会重新创建函数，否则返回缓存的函数。这通常用于避免在渲染过程中创建新的函数引用，从而防止子组件因为父组件传递的新函数引用而重新渲染。
4、在使用useMemo时，我们发现它与useCallback的使用非常相似，实际上，useCallback（fn， deps）可以等同于useMemo（） = fn， deps）。因此，使用useMemo完全可以实现useCallback的功能。
react_hooks系列04_useMemo
useMemo主要用于防止不必要的函数调用，优化组件性能。以下是关于useMemo的详细解核心作用：useMemo的核心作用是确保在函数式组件重新渲染时，内部函数的调用是可控的。它通过比较依赖项的值来决定是否重新计算 memoized 的值，从而避免不必要的函数执行，提升组件性能。
总结来看，useMemo的核心作用是确保函数式组件在重新渲染时，其内部函数的调用是可控的，防止了不必要的函数执行。这对于优化组件性能至关重要。与useCallback不同，useMemo主要用于解决函数调用的问题，而useCallback则更侧重于防止无效函数定义。
