如何在 TypeScript 中定義一個簡單的字符串數組

Question

我在字符串數組的 React 中得到了 state。

這樣做時我沒有收到任何錯誤：

const [arr, setArr] = useState<Array<string>>([])

const addFilter = (e: React.ChangeEvent<HTMLInputElement>) => {
   const value = e.target.value
   setArr([...arr, value])
}

但是如何使用Type或Interface定義類型？

Answer 1

如果要為字符串數組創建別名，可以使用以下類型：

type StringArray = string[];

const arr: StringArray = [
    'a',
    'b',
    167, // error
    'c'
]

如果你想要數組 + 設置元組，這是一種類似的技術：

type StringArrayAndSet = [string[], Set<string>];

const arrAndSet: StringArrayAndSet = [
    ['a', 'b', 'b', 'c'],
    new Set(['a', 'b', 'b', 'c'])
];