useFormik设置null初始值遇TS警告，如何解决？

针对你遇到的userId: null不符合string类型的TS警告，有以下几种实用解决方式：

1. 调整输入类型定义（推荐） #

直接修改ApiCreditDebitCreateInput类型，让userId支持null类型，从根源上让初始值和类型定义匹配：

type ApiCreditDebitCreateInput = {
  userId: string | null;
  // 其他表单字段...
};

这种方式最规范，而且你的验证规则已经会拦截null值提交，完全不影响后续onSubmit逻辑。

2. 使用类型断言绕过类型检查 #

如果不想修改原类型，可以通过类型断言强制让TS接受null作为初始值：

const formik = useFormik<ApiCreditDebitCreateInput>({
  initialValues: {
    userId: null as unknown as string,
  },
  validationSchema: schema,
  onSubmit,
});

注意：这种方式是“绕过”类型检查，必须确保你的验证规则能严格拦截null值，避免后续业务逻辑出现类型错误。

3. 用空字符串替代null作为初始值 #

如果业务场景允许，将初始值设为空字符串，完美匹配string类型：

const formik = useFormik<ApiCreditDebitCreateInput>({
  initialValues: {
    userId: "",
  },
  validationSchema: schema,
  onSubmit,
});

需要同步调整验证规则（比如Yup的required('用户ID为必填项')），确保空字符串也会触发必填校验，和null的拦截效果一致。

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