如何在Javascript中使用Flow正確創建帶有常量的類型？

Question

我正在使用Flow為React應用程序創建類型。 我不確定執行此操作的正確方法。

我想為類型中的可能條目提供常量，然后可以訪問該類型（作為枚舉），並且我希望類型包含常量而不是文字。

// @flow

export const CARD_TYPE = {
 firstType: 'one',
 secondType: 'two',
};

export type CardType = {
 type: CARD_TYPE,
};

我希望我將能夠在組件中使用CARD_TYPE作為常量，並在類型中使用CardType，但是出現以下錯誤：

流：無法使用對象文字作為類型，因為對象文字是一個值。 要獲取值的類型，請使用typeof 。

Answer 1

希望我能正確理解您的問題。 您應該能夠執行以下操作

// @flow

export const CARD_TYPE = {
 firstType: 'one',
 secondType: 'two',
};


export type CardType = $Keys<typeof CARD_TYPE>

這是沒有錯誤的解決方案的代碼筆