如何將具有多種類型的參數作為參數傳遞給 Typescript 中的函數？

Question

打字稿新手在這里。

React 中的組件接收特定類型的 prop。 這個道具然后被進一步用來做一堆其他的東西。

組件：

const ComponentA : SomeComponent<{
   dateVal?: string
}> = ({
   dateVal
}) => {....}

dateVal是一個string因為已經有一些代碼要求它是這種方式。 我現在想使用現有的輔助函數並將dateVal作為參數傳遞。

輔助功能：

export const helperFunction = (param1?: Param1, date?: Date): string | null => {...}

我如何使用helperFunction因為參數需要是Date類型？ 我試着像這樣調用它helperFunction(param1, new Date(dateVal))但我得到了錯誤Argument of type 'string | undefined' is not assignable to parameter of type 'string | number'. Argument of type 'string | undefined' is not assignable to parameter of type 'string | number'.

解決這個問題的最佳方法是什么？ 在 Typescript 中有沒有辦法通過顯式定義其類型來傳遞參數？ 或者我可以添加一些條件邏輯來傳遞參數嗎？

Answer 1

問題是new Date(dateVal)構造函數期望dateVal是字符串或數字。 您正在傳遞string | undefined類型的dateVal string | undefined string | undefined ，因為它是可選的。

如果您 100% 確定dateVal是一個字符串，您可以使用感嘆號告訴 TypeScript “我確定這不是undefined或null ”，如下所示：

helperFunction(param1, new Date(dateVal!))

當然，通常你會使用類型保護，TypeScript 會意識到dateVal必須是一個字符串，例如：

if (!dateVal) {
  // We know dateVal is undefined or the empty string
  return; // return something
}

// TypeScript now knows that dateVal has to be a string
// otherwise the if-statement would've returned earlier
helperFunction(param1, new Date(dateVal))