React Hooks：带默认对象参数的钩子会因新对象触发重渲染吗？

第一个问题：默认对象是否会被有效 memoize？ #

不会。当前写法中，每次组件重渲染调用 useHook 时，如果没有传入 options 参数，都会新建一个 { thing1: 'test_name' } 对象。因为这个默认值是在函数参数解构时创建的，属于每次函数调用的局部变量，所以每次都是新的引用，不会被 memoize。

这种情况可能引发问题：如果钩子内部使用了依赖于 options 的 useEffect、useMemo 或 useCallback，新的对象引用会触发这些钩子的重新执行，造成不必要的性能开销。

第二个问题：单独定义默认值常量是否更优？ #

是的，这是更推荐的写法。将默认值定义为外部常量后，这个对象只会被创建一次，所有未传入 options 的调用都会复用同一个引用，避免了不必要的对象创建和依赖项变化。

优化后的写法示例：

// 定义全局默认常量
export const DEFAULT_USEHOOK_OPTIONS = { thing1: 'test_name' };

export const useHook = ({ options = DEFAULT_USEHOOK_OPTIONS }) => {
    // ... 执行一些逻辑
};

如果需要防止默认值被外部意外修改，还可以冻结对象：

export const DEFAULT_USEHOOK_OPTIONS = Object.freeze({ thing1: 'test_name' });

这样就能保证未传入 options 时，每次使用的都是同一个对象引用，让依赖于 options 的 memoization 逻辑正常工作。

内容的提问来源于stack exchange，提问作者Randall Glasgow