react如何去除记忆
在 React 中去除组件记忆（避免不必要的重新渲染）
React 默认会通过 React.memo、useMemo 或 useCallback 对组件或值进行记忆化优化，但某些场景可能需要主动关闭这种优化。
禁用 React.memo 的记忆功能
直接不使用 React.memo 包裹组件即可。如果组件已被包裹，移除 React.memo 或传递自定义比较函数强制更新：
// 原始记忆化组件
const MemoizedComponent = React.memo(MyComponent);
// 去除记忆化：直接使用原始组件
const RegularComponent = MyComponent;
// 或通过自定义比较函数强制更新（始终返回 false）
const AlwaysUpdateComponent = React.memo(MyComponent, () => false);避免 useMemo 和 useCallback 的记忆
直接不使用这些 Hook，或依赖项设为动态值：
// 原始记忆化值
const memoizedValue = useMemo(() => computeValue(a, b), [a, b]);
// 去除记忆化：每次重新计算
const nonMemoizedValue = computeValue(a, b);
// 动态依赖项迫使重新计算
const dynamicMemoValue = useMemo(() => computeValue(a, b), [Date.now()]);类组件中的强制更新
对于 shouldComponentUpdate 或 PureComponent，通过返回 true 或改用普通组件：
// 强制类组件每次更新
class NonPureComponent extends React.Component {
shouldComponentUpdate() {
return true; // 禁用优化
}
}
// 替代方案：直接继承普通 Component
class RegularComponent extends React.Component {}状态管理库的优化规避
如使用 Redux 的 connect 或 React-Redux 的 useSelector，通过自定义比较函数关闭浅比较：
// React-Redux 中禁用浅比较
const data = useSelector(state => state.data, () => false);注意事项
- 去除记忆化可能导致性能下降，需评估具体场景。
- 在列表渲染或高频更新的组件中谨慎使用。
- 使用动态依赖项（如
Date.now()）是一种取巧方法，但可能引发其他问题。
