interface User {
id?: string;
name: string;
age: number;
}
// 新增用户時，id不是必須的，name和age必須，如何給data定義呢？
export const addUser = (data: User) => fetch('/api/user/add', {
method: 'POST',
body: JSON.stringify(data)
})
// 更新用户時，id是必須的，name和age非必須，如何給data定義呢？
export const updateUser = (data: User) => fetch('/api/user/update', {
method: 'POST',
body: JSON.stringify(data)
})
方案1：分別定義
interface AddUser {
name: string;
age: number;
}
interface UpdateUser {
id: string;
name?: string;
age?: number;
}
const addUser = (data: AddUser) => fetch('/api/user/add', {
method: 'POST',
body: JSON.stringify(data)
})
const updateUser = (data: UpdateUser) => fetch('/api/user/update', {
method: 'POST',
body: JSON.stringify(data)
})
方案2：使用Partial
interface AddUser {
name: string;
age: number;
}
type UpdateUser = {
id: string;
} & Partial<AddUser>;
// Partial讓AddUser的所有屬性都變成可選的
const addUser = (data: AddUser) => fetch('/api/user/add', {
method: 'POST',
body: JSON.stringify(data)
})
const updateUser = (data: UpdateUser) => fetch('/api/user/update', {
method: 'POST',
body: JSON.stringify(data)
})
