React表单校验库如何实现包全局配置？求替代window/Context的最优方案

这个方案可以同时兼顾易用性、规范性和灵活性，完美适配你当前只有钩子的库架构，具体实现逻辑如下：

核心实现逻辑 #

• 库内部维护一个独立的可变配置变量存储全局默认配置，同时导出一个普通函数setGlobalConfig供用户初始化时调用，示例用法：

// 应用入口文件（如main.tsx）
import { setGlobalConfig } from 'your-form-library';

setGlobalConfig({
  formatMessage: translate,
  submitUnmountedFields: false,
  // 其他需要全局统一的配置
})

• useForm钩子内部按优先级合并配置：用户传入的局部配置 > 上层Context配置（可选） > 全局setGlobalConfig配置 > 库内置默认配置
• Context能力做可选封装，仅当用户需要分模块设置不同配置时才使用，无该需求的用户完全不需要感知，不会增加使用成本：

// 仅需要独立配置的模块才需要包裹
import { FormConfigProvider } from 'your-form-library';

<FormConfigProvider value={{ submitUnmountedFields: true }}>
  {/* 该模块内的所有表单默认继承这个配置，优先级高于全局配置 */}
</FormConfigProvider>

对比你提到的三个方案的优势 #

• 对比axios实例方案：不需要调整现有架构新增实例概念，不需要用户手动创建/传递实例，全局配置一次调用全应用生效，改造成本极低
• 对比window挂载方案：不会污染全局命名空间，内部维护的配置变量更可控，天然支持SSR/SSG场景（不会出现服务端找不到window的报错），也方便单测时重置配置
• 对比纯Context方案：没有强制包裹Provider的要求，完全保留了你原来仅需调用钩子的简洁使用体验，仅在有细分配置需求时才需要额外接入

可选优化点 #

• 可以额外导出resetGlobalConfig方法，方便用户在单测等需要重置状态的场景使用
• 配置合并默认做浅合并即可，如果有嵌套配置需求可以考虑支持传入合并策略参数

内容的提问来源于stack exchange，提问作者David Fariña