如何实例化符合Zod Schema定义的Customer类型对象？

你遇到的错误核心是：z.infer<typeof schema>生成的Customer是TypeScript类型，不是JavaScript的可实例化类。类型只在编译阶段存在，编译后的JS代码里根本没有Customer这个值，所以用new Customer()自然会报错。

以下是几种可行的解决方案：

方案1：直接用对象字面量初始化状态 #

直接创建符合Customer类型结构的对象作为初始值，同时用泛型约束state的类型：

import { useState } from 'react';
import z from 'zod';

const schema = z.object({
  id: z.string().optional(),
  name: z.string().min(1, "Name is required"),
  country: z.string().min(1, "Country is required")
});

type Customer = z.infer<typeof schema>;

// 在组件中
const [customer, setCustomer] = useState<Customer>({
  name: "",
  country: ""
  // id是可选属性，可根据需求添加
});

TypeScript会自动校验初始对象是否符合Customer类型，后续调用setCustomer时也会约束传入的值。

方案2：用工厂函数复用初始对象创建逻辑 #

如果需要在多个地方创建Customer初始对象，可以写一个工厂函数：

// 工厂函数，支持传入部分初始属性
const createCustomer = (initial?: Partial<Customer>): Customer => ({
  name: "",
  country: "",
  ...initial
});

// 使用
const [customer, setCustomer] = useState<Customer>(createCustomer());
// 或者带初始值
const [customer, setCustomer] = useState<Customer>(createCustomer({ name: "张三", country: "中国" }));

Partial<Customer>让初始参数的所有属性变为可选，方便灵活设置初始值，同时保证返回的对象符合Customer类型。

方案3：用Zod验证初始值（可选） #

如果想确保初始值严格符合Zod schema的规则，可使用Zod的parse或safeParse方法：

// 用parse验证，初始值不符合schema时会直接抛出错误（开发阶段适用）
const initialCustomer = schema.parse({
  name: "初始名称",
  country: "初始国家"
});
const [customer, setCustomer] = useState<Customer>(initialCustomer);

// 如果需要初始为空（比如表单场景），可结合safeParse处理
const result = schema.safeParse({
  name: "",
  country: ""
});
// 开发阶段可检查验证结果
if (!result.success) {
  console.error("初始值不符合schema:", result.error);
}
const [customer, setCustomer] = useState<Customer>(result.data as Customer);

这种方式适合需要严格遵循schema规则的场景，能提前发现不符合要求的初始值。

补充：为什么声明类没用 #

你尝试声明Customer类的思路没必要——类是JavaScript层面的构造函数，而z.infer的类型是TypeScript层面的结构定义。即使让类实现Customer类型，也只是让类的实例结构符合类型，但React状态用普通对象就足够，额外的类实例只会增加复杂度。

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