使用值的類型並在相同的結構中創建另一個對象，但使用字符串作為值和深度嵌套

Question

假設我們有一個這樣的 TypeScript 類型：

type FormValues = {
 name: string
 organization: {
   name: string
   telephone: string
   employees: number
 }
}

基於這種類型，我想要一個 TypeScript 實用程序，它會產生以下類型：

type ErrorValues = {
 name?: string
 organization?: {
   name?: string
   telephone?: string
   employees?: string
 }
}

所以我可以有這樣的事情：

const errors: ErrorUtility<FormValues>

console.log({ employeesError: errors?.organization.employees })

Answer 1

您可以使用映射類型和條件類型執行此操作：

type ErrorUtility<T> = {
  [K in keyof T]?: T[K] extends number | string | boolean ? string : ErrorUtility<T[K]>;
}

這說的是：

對於輸入類型T中的任何鍵K ，結果類型中有一個鍵K ，因此該值是可選的，並且：

• 一個字符串，在原始值類型的情況下； 或者
• 本身是一個錯誤對象，遞歸地。

這是一個顯示它正在使用的操場： https : //tsplay.dev/wXk3LW